/* =========================================================================
   Augment — Design tokens
   Modernised "blue + amber" identity carried forward from weaugment.eu.
   Heritage colours (cyan #00B0F0, amber #FFC000) are LOCKED; everything
   else is the modern, accessible system built around them.
   Single source of truth — every option reads these variables.
   ========================================================================= */

:root {
  /* ---- Brand: heritage, locked ---------------------------------------- */
  --cyan-050: #e6f7fe;
  --cyan-500: #00b0f0;
  --cyan-600: #0096ce;
  --cyan-700: #0079a8;

  --amber-050: #fff6dc;
  --amber-500: #ffc000;
  --amber-600: #e0a800;
  --amber-700: #9a7400;

  /* ---- Ink & neutrals ------------------------------------------------- */
  --ink:       #141a22;
  --ink-700:   #3a4654;
  --body:      #5a6675;
  --muted:     #8a94a2;
  --rule:      #e4e9ef;

  --bg:        #ffffff;
  --bg-soft:   #f5f8fb;
  --surface:   #0e1620;
  --surface-2: #18222f;
  --on-dark:   #e8edf3;
  --on-dark-muted: #9aa6b4;

  /* ---- Status --------------------------------------------------------- */
  --good: #1f9d55;
  --warn: #b7791f;
  --bad:  #c8412b;

  /* ---- Type ----------------------------------------------------------- */
  --font-display: 'Raleway', system-ui, -apple-system, sans-serif;
  --font-body:    'Lato', system-ui, -apple-system, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  --fs-display-1: clamp(2.5rem, 1.6rem + 3.6vw, 4rem);
  --fs-display-2: clamp(1.75rem, 1.3rem + 1.6vw, 2rem);
  --fs-h3:        1.375rem;
  --fs-body-lg:   1.125rem;
  --fs-body:      1rem;
  --fs-caption:   0.875rem;
  --fs-label:     0.6875rem;

  --lh-tight: 1.05;
  --lh-snug:  1.25;
  --lh-body:  1.6;

  --tracking-display: -0.02em;
  --tracking-label:    0.14em;

  /* ---- Space (4-based) ------------------------------------------------ */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-6: 1.5rem;
  --sp-8: 2rem;
  --sp-12: 3rem;
  --sp-16: 4rem;
  --sp-24: 6rem;

  /* ---- Radius --------------------------------------------------------- */
  --r-xs: 4px;
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 20px;
  --r-pill: 999px;

  /* ---- Elevation ------------------------------------------------------ */
  --shadow-sm: 0 1px 2px rgba(20,26,34,.04), 0 1px 3px rgba(20,26,34,.06);
  --shadow-md: 0 4px 12px rgba(20,26,34,.06), 0 12px 28px rgba(20,26,34,.08);

  /* ---- Layout --------------------------------------------------------- */
  --container: 1120px;
  --page-pad: 24px;

  /* ---- Motion --------------------------------------------------------- */
  --ease: cubic-bezier(.2,.6,.2,1);
  --dur: 150ms;

  color-scheme: light;
}