/*
 * Doctors Revision design tokens
 * Keep this file boring on purpose: shared colours, spacing, radii and motion.
 */

:root {
  --dr-bg: #ffffff;
  --dr-bg-soft: #fbf7ff;
  --dr-bg-cool: #f2fbff;
  --dr-surface: rgba(255, 255, 255, 0.96);
  --dr-surface-purple: #f6edff;
  --dr-surface-blue: #eaf7ff;
  --dr-text: #172033;
  --dr-text-soft: #40506d;
  --dr-muted: #667085;
  --dr-purple: #8b35e8;
  --dr-purple-deep: #5b21b6;
  --dr-purple-soft: #ead7ff;
  --dr-pink: #ec4899;
  --dr-blue: #0ea5e9;
  --dr-blue-deep: #075985;
  --dr-green: #10b981;
  --dr-border: rgba(139, 92, 246, 0.2);
  --dr-border-cool: rgba(14, 165, 233, 0.22);
  --dr-radius-sm: 12px;
  --dr-radius-md: 16px;
  --dr-radius-lg: 22px;
  --dr-radius-xl: 30px;
  --dr-page-pad: clamp(8px, 2vw, 24px);
  --dr-readable: 1120px;
  --dr-wide: 1480px;
  --dr-font: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --dr-gradient: linear-gradient(115deg, rgba(250, 245, 255, 0.98), rgba(239, 246, 255, 0.94), rgba(236, 253, 245, 0.9));
  --dr-gradient-strong: linear-gradient(135deg, #8b35e8, #a855f7, #ec4899);
}

@media (max-width: 768px) {
  :root {
    --dr-page-pad: 6px;
  }
}