/* ============================================================
   Valet Design System — Base Tokens
   Fixed system values shared across all client deployments.
   Do not edit per-client — override in client-tokens.css.

   Load order: base-tokens.css → client-tokens.css
   ============================================================ */

:root {
  /* ── Neutral palette ──────────────────────────────────── */
  --ink:   oklch(18% 0.03 255);   /* #1A2030 */
  --slate: oklch(42% 0.05 250);   /* #4E5F7A */
  --white: oklch(100% 0 0);       /* #FFFFFF */

  /* ── Type scale ───────────────────────────────────────── */
  --text-xs:   0.75rem;    /*  12px */
  --text-sm:   0.875rem;   /*  14px */
  --text-base: 1rem;       /*  16px */
  --text-lg:   1.125rem;   /*  18px */
  --text-xl:   1.25rem;    /*  20px */
  --text-2xl:  1.5rem;     /*  24px */
  --text-3xl:  1.875rem;   /*  30px */
  --text-4xl:  2.25rem;    /*  36px */
  --text-5xl:  3rem;       /*  48px */

  /* ── Line heights (default — override in client-tokens) ── */
  --leading-tight:   1.2;
  --leading-snug:    1.375;
  --leading-normal:  1.5;
  --leading-relaxed: 1.625;

  /* ── Letter spacing (default — override in client-tokens) ─ */
  --tracking-tight:  -0.02em;
  --tracking-normal:  0em;
  --tracking-wide:    0.04em;
  --tracking-wider:   0.08em;

  /* ── Spacing — 4px base scale ─────────────────────────── */
  --space-1:  0.25rem;   /*  4px */
  --space-2:  0.5rem;    /*  8px */
  --space-3:  0.75rem;   /* 12px */
  --space-4:  1rem;      /* 16px */
  --space-5:  1.25rem;   /* 20px */
  --space-6:  1.5rem;    /* 24px */
  --space-8:  2rem;      /* 32px */
  --space-10: 2.5rem;    /* 40px */
  --space-12: 3rem;      /* 48px */
  --space-16: 4rem;      /* 64px */
  --space-20: 5rem;      /* 80px */
  --space-24: 6rem;      /* 96px */

  /* ── Radii (default — override in client-tokens) ─────── */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   16px;
  --radius-xl:   24px;
  --radius-full: 9999px;

  /* ── Shadows (default — override in client-tokens) ────── */
  --shadow-sm: 0 1px 2px oklch(0% 0 0 / 6%);
  --shadow-md: 0 4px 12px oklch(0% 0 0 / 8%);
  --shadow-lg: 0 8px 24px oklch(0% 0 0 / 12%);

  /* ── Semantic aliases (fixed) ─────────────────────────── */
  --color-surface:    var(--white);
  --color-text:       var(--ink);
  --color-text-muted: var(--slate);
}