/*
  Richters Scale Design System — Tokens
  Colors + fonts sourced from RichtersScale-StyleSheet.pdf (the only authoritative
  brand values). Structural inspiration (flat surfaces, pill buttons, restrained
  section rhythm, generous whitespace) drawn from the Seed.com design system at
  https://styles.refero.design/style/cd723d5a-e7ea-4e4c-a3bb-6cf56e05057a — adapted,
  not copied: Seed's whisper-light headline weights don't fit Richters Scale's bold,
  industrial brand voice, so headline weight stays heavy here while adopting Seed's
  flatness, pill radii and 8px spacing discipline.
*/

:root {
  /* ---- Brand colors (from RichtersScale-StyleSheet.pdf) ---- */
  --color-blue: #569BBE;        /* PMS 549 C — primary interactive */
  --color-blue-dark: #3F7C9C;   /* derived hover/active shade */
  --color-blue-tint: #E8F1F5;   /* derived light tint for badges/backgrounds */

  --color-sage: #8BAEA2;        /* PMS 5575 C — secondary accent */
  --color-sage-tint: #EEF3F1;   /* derived light tint */

  --color-ink: #231F20;         /* PMS Neutral Black C — dark sections, body text */
  --color-ink-soft: #2E2A2B;    /* derived — slightly lighter, for layered dark surfaces */

  --color-gray: #808285;        /* PMS 430 C — muted text, borders */
  --color-gray-light: #E4E4E5;  /* derived light tint — hairlines, subtle fills */

  --color-white: #FFFFFF;
  --color-canvas: #FAFAF8;      /* warm off-white page ground, nod to Seed's "Snow White" */

  /* ---- Typography ----
     Acumin Pro Wide Bold / Gotham Narrow Bold are the licensed brand faces
     (per style sheet) but are not available as web fonts. Archivo (bold/black)
     and Inter stand in as the closest free equivalents until licensed files
     are supplied — see README note in this folder. */
  --font-heading: 'Archivo', 'Arial Narrow', Arial, sans-serif;
  --font-body: 'Inter', Arial, Helvetica, sans-serif;
  --font-signature: 'Dancing Script', 'Segoe Script', cursive;

  --text-xs: 0.75rem;    /* 12px */
  --text-sm: 0.875rem;   /* 14px */
  --text-base: 1rem;     /* 16px */
  --text-md: 1.125rem;   /* 18px */
  --text-lg: 1.375rem;   /* 22px */
  --text-xl: 1.75rem;    /* 28px */
  --text-2xl: 2.25rem;   /* 36px */
  --text-3xl: clamp(2.5rem, 2rem + 2vw, 3.75rem); /* 40–60px, responsive hero */

  /* ---- Spacing (8px base unit, per Seed reference) ---- */
  --space-1: 0.5rem;   /* 8px */
  --space-2: 1rem;     /* 16px */
  --space-3: 1.5rem;   /* 24px */
  --space-4: 2rem;     /* 32px */
  --space-5: 3rem;     /* 48px */
  --space-6: 4rem;     /* 64px */
  --space-7: 6rem;     /* 96px */

  /* ---- Radii — pill buttons/badges, soft cards, per Seed reference ---- */
  --radius-pill: 999px;
  --radius-card: 16px;
  --radius-sm: 8px;

  /* ---- Layout ---- */
  --content-width: 1200px;
  --content-pad: 24px;

  /* No box-shadow tokens defined on purpose — the system is intentionally flat
     (no shadows, no decorative gradients), per the Seed reference. */
}