/* ─────────────────────────────────────────────────────────────
   Design tokens — COPIED from landing/app/globals.css (:root block).
   Re-sync by hand when the landing palette changes; this file is the
   only place studio/ duplicates them (same approach desktop/ took).
   The accent is the landing's runtime orange override (layout.tsx
   sets --vio to #FFA630), not the :root rose fallback.
   ───────────────────────────────────────────────────────────── */
:root {
  --bg:    #0A0A0B;
  --bg-1:  #131316;
  --bg-2:  #1A1A1D;
  --bg-3:  #212125;
  --bg-4:  #28282C;

  --ink:   #F5F5F4;
  --ink-2: #DDDDDA;
  --ink-3: #B5B5B2;
  --mute:  #8E8E8B;
  --mute-2:#5A5A5E;

  --acc:   #FFA630;
  --acc-2: #FFC069;

  --warn:  #F2C66B;

  /* Landing self-hosts AWS Diatype; studio stays dependency-free and
     uses the same fallback stacks. */
  --font-display: "Geist", -apple-system, system-ui, sans-serif;
  --font-sans: -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;
}
