/* ============================================================
   LUMARKEN — tokens.css
   Raw design primitives. Never reference these directly in
   components — use the semantic aliases in colors.css,
   spacing.css, typography.css and radius.css.
   ============================================================ */

:root {
  /* ---- Colour primitives ---- */
  --raw-teal-950: #001B21;
  --raw-teal-900: #002B35;   /* brand ink */
  --raw-teal-800: #003D4A;
  --raw-teal-700: #005766;   /* brand teal — header & footer */
  --raw-teal-600: #0A6B7C;
  --raw-teal-500: #2A8494;
  --raw-mist-200: #C4D8DC;
  --raw-mist-100: #D6E4E7;   /* page background */
  --raw-mist-50:  #E4EEF0;
  --raw-cream-300: #DDDDD2;
  --raw-cream-200: #EAEAE2;
  --raw-cream-100: #F5F5F0;  /* cards & buttons */
  --raw-white:     #FFFFFF;
  --raw-ember-600: #A85A2E;  /* legacy warm accent — superseded by signal */
  --raw-ember-500: #C0713F;  /* legacy warm accent — superseded by signal */
  --raw-signal-500: #D96B27; /* Ember Orange — brand accent & logo dot */

  /* ---- Alpha primitives (ink-based, for shadows/lines) ---- */
  --raw-ink-a04: rgba(0, 43, 53, 0.04);
  --raw-ink-a08: rgba(0, 43, 53, 0.08);
  --raw-ink-a12: rgba(0, 43, 53, 0.12);
  --raw-ink-a16: rgba(0, 43, 53, 0.16);
  --raw-ink-a24: rgba(0, 43, 53, 0.24);
  --raw-ink-a48: rgba(0, 43, 53, 0.48);

  /* ---- Size primitives (modular scale, fluid) ---- */
  --raw-size-2xs: clamp(0.25rem, 0.2rem + 0.25vw, 0.375rem);
  --raw-size-xs:  clamp(0.5rem,  0.4rem + 0.5vw,  0.75rem);
  --raw-size-s:   clamp(0.75rem, 0.6rem + 0.75vw, 1.125rem);
  --raw-size-m:   clamp(1rem,    0.8rem + 1vw,    1.5rem);
  --raw-size-l:   clamp(1.5rem,  1.2rem + 1.5vw,  2.25rem);
  --raw-size-xl:  clamp(2rem,    1.5rem + 2.5vw,  3.5rem);
  --raw-size-2xl: clamp(3rem,    2rem + 4vw,      5.5rem);
  --raw-size-3xl: clamp(4.5rem,  3rem + 7vw,      9rem);

  /* ---- Motion primitives ---- */
  --raw-ease-out:   cubic-bezier(0.22, 1, 0.36, 1);
  --raw-ease-inout: cubic-bezier(0.65, 0, 0.35, 1);
  --raw-dur-fast:   180ms;
  --raw-dur-base:   320ms;
  --raw-dur-slow:   700ms;

  /* ---- Layout primitives ---- */
  --raw-container-max: 84rem;   /* 1344px */
  --raw-container-pad: clamp(1.25rem, 4vw, 3.5rem);
  --raw-header-h: 4.5rem;
}