/*  ================================================================
    FyneSite Design Tokens  (OKLCH color space)
    Ticket #11674 — centralized token system
    ================================================================
    All neutral tones are warm-tinted (never pure #000 or #fff).
    OKLCH syntax: oklch(Lightness  Chroma  Hue)
    ================================================================ */

:root {
  /* ---- Base neutral tones ---- */
  --color-ink:      oklch(15% 0.01 250);   /* body copy — near-black with blue tint   */
  --color-charcoal: oklch(25% 0.01 250);   /* headings only                           */
  --color-ash:      oklch(55% 0.01 250);   /* secondary / muted labels                */
  --color-mist:     oklch(92% 0.005 250);  /* subtle section backgrounds               */
  --color-snow:     oklch(98% 0.003 250);  /* page background — warm white, NOT pure   */

  /* ---- Spacing scale (8 px grid) ---- */
  --space-xs:  4px;
  --space-sm:  8px;
  --space-md:  16px;
  --space-lg:  24px;
  --space-xl:  32px;
  --space-2xl: 48px;
  --space-3xl: 64px;
  --space-4xl: 96px;

  /* ---- Border radius ---- */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-xl:   16px;
  --radius-full: 9999px;

  /* ---- Shadows ---- */
  --shadow-subtle: 0 1px 2px oklch(0% 0 0 / 0.05);
  --shadow-medium: 0 4px 8px oklch(0% 0 0 / 0.08);
  --shadow-strong: 0 12px 24px oklch(0% 0 0 / 0.12);
}