/* ============================================================
   CHECKLYN — DESIGN TOKENS
   ============================================================ */

:root, [data-theme="light"] {
  /* Surfaces */
  --bg-page:    #F5F1E8;
  --bg-surface: #FBF8F1;
  --bg-raised:  #FFFFFF;
  --bg-sunken:  #EDE7D8;
  --bg-muted:   #E8E1D0;

  /* Ink */
  --ink-strong: #1A1612;
  --ink:        #2B241D;
  --ink-muted:  #6B6053;
  --ink-faint:  #9C8F7D;
  --ink-inverse:#FBF8F1;

  /* Rules */
  --rule:       #d8cdb8;
  --rule-soft:  #e3dac4;
  --rule-faint: #ece4d2;

  /* Accent + semantic */
  --accent:        #C4623A;
  --accent-strong: #A04D2A;
  --accent-soft:   #F1DFD2;
  --accent-tint:   #FAEEE3;

  --success: #4A7C2E;
  --danger:  #B03A2E;
  --warning: #B07A18;
  --info:    #2F5A82;

  /* Level palette */
  --level-1: #D8A07B;
  --level-2: #C4763F;
  --level-3: #A04D2A;
  --level-4: #6E3115;

  /* Type */
  --font-sans: "Geist", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --fs-display: clamp(48px, 6.4vw, 88px);
  --fs-h1:      clamp(34px, 3.6vw, 52px);
  --fs-h2:      clamp(26px, 2.4vw, 34px);
  --fs-h3:      20px;
  --fs-lg:      19px;
  --fs-md:      16px;
  --fs-sm:      14px;
  --fs-xs:      12.5px;
  --fs-micro:   11px;

  --weight-medium: 500;
  --tracking-snug: 0.01em;
  --tracking-wide: 0.10em;
  --lh-base: 1.5;
  --lh-tight: 1.2;

  /* Radii */
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;

  /* Shadows */
  --shadow-focus: 0 0 0 3px var(--accent-soft);
  --shadow-press: inset 0 1px 2px rgba(0,0,0,0.12);
  --shadow-card:  0 1px 0 rgba(26,22,18,0.04), 0 1px 2px rgba(26,22,18,0.04);
  --shadow-hover: 0 6px 22px -10px rgba(26,22,18,0.18);
}

[data-theme="dark"] {
  --bg-page:    #14110D;
  --bg-surface: #1C1814;
  --bg-raised:  #232017;
  --bg-sunken:  #100D0A;
  --bg-muted:   #2A251C;

  --ink-strong: #F5EFE0;
  --ink:        #E5DDCB;
  --ink-muted:  #A89F8A;
  --ink-faint:  #6B6353;
  --ink-inverse:#1A1612;

  --rule:       #342e25;
  --rule-soft:  #2A251C;
  --rule-faint: #221E17;

  --accent:        #E08962;
  --accent-strong: #EAA078;
  --accent-soft:   #3A2418;
  --accent-tint:   #28190F;

  --shadow-focus: 0 0 0 3px rgba(224,137,98,0.25);
  --shadow-card:  0 1px 0 rgba(0,0,0,0.4);
  --shadow-hover: 0 8px 26px -10px rgba(0,0,0,0.6);
}