/* dylanburges.com shared design tokens
   One palette, one type system for landing, garage and deck.
   Served as /shared/tokens.css (nginx) and /garage/tokens.css, /deck/tokens.css (app servers).
   Retro-modern: warm graphite ground, cream text, amber/orange/red "racing stripe" accents. */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@62..125,400..800&family=JetBrains+Mono:wght@400;600;700&display=swap');

:root {
  color-scheme: dark;

  /* ground + surfaces */
  --bg: #0c0d10;
  --bg-2: #111317;
  --surface: #16181d;
  --surface-2: #1d2027;
  --surface-3: #252932;
  --line: rgba(239, 233, 221, .08);
  --line-2: rgba(239, 233, 221, .15);

  /* text */
  --text: #efe9dd;
  --muted: #a19c91;
  --faint: #6e6a62;

  /* accents — the stripe */
  --amber: #f5b301;
  --orange: #ff7a1a;
  --red: #e5484d;
  --accent: var(--amber);
  --accent-ink: #1a1300;          /* text on amber */
  --stripe: linear-gradient(90deg, var(--amber) 0 33.3%, var(--orange) 33.3% 66.6%, var(--red) 66.6%);

  /* status */
  --ok: #4cc38a;
  --warn: var(--amber);
  --bad: var(--red);
  --info: #6aa9e0;

  /* type */
  --font-sans: 'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --wide: 125%;                   /* font-stretch for display type */
  --fs-xs: .75rem;
  --fs-sm: .8125rem;
  --fs-md: .9375rem;
  --fs-lg: 1.125rem;
  --fs-xl: 1.5rem;
  --fs-2xl: 2.25rem;

  /* shape + space */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 18px;
  --r-pill: 999px;
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --shadow: 0 1px 0 rgba(255, 255, 255, .03) inset, 0 12px 32px rgba(0, 0, 0, .35);
  --ease: cubic-bezier(.2, .7, .2, 1);
}