/* TutorFit design tokens. Shared by desktop, mobile, forms and admin. */
:root {
  /* Brand */
  --c-indigo: #1F2A6B;
  --c-indigo-900: #161F55;
  --c-indigo-700: #2E3B8A;
  --c-indigo-300: #A9B2E6;
  --c-indigo-100: #E6E9F7;
  --c-indigo-50: #F2F4FB;
  --c-saffron: #F59E0B;
  --c-saffron-600: #D97706;
  --c-saffron-700: #B45309;      /* saffron for TEXT on light backgrounds (AA) */
  --c-saffron-200: #FCD58A;
  --c-saffron-100: #FDEFD2;
  --c-saffron-50: #FFF6E5;
  --c-teal: #0F9D8A;
  --c-teal-700: #0B7A6B;         /* teal for TEXT on light backgrounds (AA) */
  --c-teal-100: #DDF3EF;

  /* Neutrals */
  --c-paper: #FFFAF2;
  --c-white: #FFFFFF;
  --c-ink: #1A1D2E;
  --c-slate: #5B6178;
  --c-line: #EADFCB;
  --c-line-cool: #DCE0F0;

  /* Status */
  --c-success: #0B7A6B;
  --c-error: #B42318;
  --c-error-bg: #FEF0EE;
  --c-wa: #0E7C4A;               /* WhatsApp button (white text passes AA) */
  --c-wa-hover: #0A6A3E;

  /* Type */
  --font-display: 'Fraunces', 'Iowan Old Style', 'Palatino Linotype', Georgia, serif;
  --font-body: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --fs-xs: .8125rem;   /* 13 */
  --fs-sm: .9375rem;   /* 15 */
  --fs-base: 1.0625rem;/* 17 */
  --fs-md: 1.25rem;    /* 20 */
  --fs-lg: 1.5rem;     /* 24 */
  --fs-xl: 2rem;       /* 32 */
  --fs-2xl: 2.625rem;  /* 42 */
  --fs-3xl: 3.75rem;   /* 60 */
  --lh-tight: 1.1;
  --lh-snug: 1.3;
  --lh-body: 1.6;

  /* Radii: small for chips/inputs, medium for cards, large for panels */
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 24px;
  --r-pill: 999px;

  /* Shadows are tinted indigo, never grey */
  --shadow-1: 0 1px 2px rgba(31, 42, 107, .06), 0 6px 18px -6px rgba(31, 42, 107, .10);
  --shadow-2: 0 2px 4px rgba(31, 42, 107, .06), 0 24px 48px -16px rgba(31, 42, 107, .28);

  /* Spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;

  /* Layout */
  --container: 1200px;
  --gutter: 20px;
  --header-h: 60px;
  --tabbar-h: 64px;
  --sticky-h: 68px;
  --safe-b: env(safe-area-inset-bottom, 0px);
  --ease: cubic-bezier(.2, .7, .2, 1);
}

@media (min-width: 960px) {
  :root {
    --gutter: 32px;
    --header-h: 76px;
  }
}