/* ReziDay design tokens — single warm-cream theme (from design_import/ReziDay v1.0). */
:root {
  /* Canvas + warm surfaces — "cremă calmă": the design's cream with the yellow
     saturation pulled down, because long reading on the original #FDF4E3 was
     tiring. Same warm character, ~half the chroma; cards stay pure white. */
  --canvas: #FBF6EC;
  --surface: #F4EFE4;
  --surface-2: #FCF9F3;
  --surface-3: #F9F5EC;
  --sand: #EFEADF;
  --peach: #FADFB8;
  --peach-2: #FBE3C0;
  --cream-line: #EDE7DA;

  /* Cards + lines */
  --card: #FFFFFF;
  --border: #E7E0D2;
  --border-2: #D4CDBE;
  --divider: #F0EBE0;

  /* Teal (primary) */
  --teal: #0E7C7B;
  --teal-hover: #0A6362;
  --teal-ink: #0B5F5E;
  --teal-2: #2FA8A6;
  --teal-3: #3D9694;
  --teal-tint: #E3F2F0;
  --teal-tint-2: #EDF6F5;
  --teal-tint-3: #E8F4F3;
  --teal-border: #BFE4E2;
  --teal-border-2: #CFE7E5;
  --teal-bright: #8FD4D2;

  /* Ink + text */
  --ink: #0F2230;
  --ink-warm: #1C1B19;
  --body-c: #2C4254;
  --body-warm: #3D3B37;
  --slate: #4A5D6D;
  --muted: #5B6B78;
  --muted-2: #7A8893;
  --muted-3: #A7B3BD;
  --muted-4: #BCC7CF;
  --faint: #98948C;

  /* Accents */
  --coral: #E76F51;
  --gold: #F4A340;
  --amber: #E4C465;

  /* Semantic */
  --success: #5C9A54;
  --success-ink: #4C7A46;
  --success-tint: #F1F7EF;
  --error: #A34B3E;
  --error-2: #C26654;
  --error-tint: #FBF1EF;
  --warn-ink: #8A6A1F;

  /* Lesson callout cards */
  --why: #1B3A52;
  --why-deep: #12293B;
  --pearl: #3D9694;
  --pearl-deep: #2E7A78;
  --memo: #B98F3D;
  --memo-deep: #97722C;
  --trap: #C05336;
  --trap-2: #C26654;
  --trap-deep: #9E4227;

  /* Retention / score scale (weak → strong; 0 = unread) */
  --ret-0: #EEE6D2;
  --ret-1: #E76F51;
  --ret-2: #F4A340;
  --ret-3: #E4C465;
  --ret-4: #A3C48B;
  --ret-5: #5C9A54;

  /* Dark "community" surfaces */
  --navy: #0F2230;
  --navy-2: #1B3A52;
  --navy-text: #A9BCC9;
  --navy-line: rgba(253, 244, 227, .14);

  /* Radii */
  --r-pill: 999px;
  --r-lg: 18px;
  --r-md: 16px;
  --r-sm: 12px;
  --r-xs: 10px;

  /* Shadows */
  --shadow-card: 0 1px 2px rgba(28, 27, 25, .03), 0 8px 24px rgba(28, 27, 25, .05);
  --shadow-pop: 0 16px 40px rgba(28, 60, 58, .10);
  --shadow-sheet: 0 -18px 48px rgba(15, 34, 48, .25);

  /* Fonts */
  --font-body: 'Geist', system-ui, sans-serif;
  --font-mono: 'Geist Mono', ui-monospace, SFMono-Regular, monospace;
  --font-serif: 'Source Serif 4', Georgia, serif;
  --font-logo: 'Sora', sans-serif;
  --font-eyebrow: 'Bricolage Grotesque', 'Geist', system-ui, sans-serif;

  /* Layout */
  --header-h: 64px;
  --sidebar-w: 216px;
}