/* rostra-tokens.css
   Token/scale contract (:root). Theme-agnostic. No components.
   Generated by scripts/build-css-bundle.mjs — edit sources, not this file. */

:root {
  color-scheme: light;
  --studio-bar-height: 52px;
  --rail-width: 244px;
  --content-max: 1520px;

  --font-sans: "Avenir Next", "Segoe UI", "Helvetica Neue", Arial, system-ui, sans-serif;
  --font-display: "Avenir Next Condensed", "DIN Alternate", "Bahnschrift SemiCondensed", "Arial Narrow", "Avenir Next", "Segoe UI", sans-serif;
  --font-mono: "Andale Mono", "SF Mono", "Cascadia Mono", "Roboto Mono", "Courier New", ui-monospace, monospace;
  --font-label: var(--font-mono);
  --font-numeric: var(--font-mono);

  --step--1: 0.75rem;
  --step-0: 0.875rem;
  --step-1: 1rem;
  --step-2: 1.125rem;
  --step-3: 1.375rem;
  --step-4: 1.875rem;
  --step-5: 2.5rem;

  --space-1: 4px;
  --space-2: 6px;
  --space-3: 8px;
  --space-4: 10px;
  --space-5: 12px;
  --space-6: 16px;
  --space-7: 20px;
  --space-8: 24px;
  --space-9: 32px;

  --radius-1: 6px;
  --radius-2: 8px;
  --radius-3: 10px;
  --radius-4: 12px;
  --radius-pill: 999px;

  --bg: #f6f7f9;
  --bg-grid: rgba(15, 23, 42, 0.035);
  --surface: #ffffff;
  --surface-2: #f8fafc;
  --surface-3: #eef2f6;
  --surface-raised: #ffffff;
  --ink: #17202a;
  --ink-soft: #475569;
  --ink-muted: #64748b;
  --ink-subtle: #8b98a7;
  --line: #dbe2ea;
  --line-strong: #c4ceda;

  --nav: #111827;
  --nav-2: #182230;
  --nav-3: #243044;
  --nav-ink: #f8fafc;
  --nav-muted: #aeb9c7;

  --accent: #147d73;
  --accent-strong: #0f5f58;
  --accent-soft: #dff5f1;
  --blue: #2f6ecb;
  --blue-soft: #e4efff;
  --amber: #b7791f;
  --amber-soft: #fff4d6;
  --coral: #c24135;
  --coral-soft: #ffe8e3;
  --green: #16834a;
  --green-soft: #ddf8e9;

  --monitor: #0b1114;
  --monitor-2: #111b20;
  --monitor-ink: #ffe6a3;
  --focus-ring: #2563eb;

  --shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.06);
  --shadow-sm: 0 6px 18px rgba(15, 23, 42, 0.08);
  --shadow-md: 0 18px 48px rgba(15, 23, 42, 0.12);
  --control-shadow: var(--inset-highlight), 0 1px 2px rgba(15, 23, 42, 0.08);
  --control-shadow-active: inset 0 1px 2px rgba(15, 23, 42, 0.13);
  --inset-highlight: inset 0 1px rgba(255, 255, 255, 0.72);
  --key-shadow: var(--inset-highlight), inset 0 -1px rgba(15, 23, 42, 0.14), 0 1px 2px rgba(15, 23, 42, 0.12);
}