/* BrandOS brand-system tokens.
 * Source: firstmate projects/brandos/docs/wiki/architecture/brand-system.md
 * (locked spec: "BrandOS Brand System.html", [data-direction="mainframe"] block).
 * Navy is the anchor, green is reserved: --accent only on primary actions, focus and live status. */

:root {
  /* Color */
  --ink: #111A2E;
  --ink-deep: #0A1120;
  --text: #222E40;
  --secondary: #38596E;
  --secondary-soft: #E1E9ED;
  --accent: #08CE96;
  --accent-deep: #06A276;
  --accent-soft: #DFF7F0;
  --accent-text: #057A59; /* darker mint for small text; reaches 4.5:1 on surface, paper, surface-2 and accent-soft */

  --paper: #F6F8F9;
  --surface: #FFFFFF;
  --surface-2: #EEF1F3;
  --line: #DEE4E8;
  --muted: #5E6B76;

  --warning: #E6A817;
  --danger: #E5533C;

  /* Type */
  --font-head: 'Space Grotesk', system-ui, -apple-system, sans-serif;
  --font-body: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --font-mono: 'Space Mono', ui-monospace, monospace;
  --head-spacing: -0.025em;
  --hero-size: clamp(44px, 7vw, 86px);
  --section-size: clamp(28px, 3.4vw, 42px);

  /* Radii */
  --radius-btn: 11px;
  --radius-btn-sm: 9px;
  --radius-card: 14px;
  --radius-panel: 20px;
  --radius-pill: 999px;
}