:root {
  --bg:            #09090B;
  --surface:       #18181B;
  --surface-2:     #27272A;
  --border:        #3F3F46;
  --text:          #F8FAFC;
  --text-muted:    #94A3B8;

  /* Established Exolvo orange. Filled actions use the deeper tone for AA contrast. */
  --accent:        #EA580C;
  --accent-hover:  #C2410C;
  --accent-soft:   rgba(234, 88, 12, 0.12);
  --accent-line:   rgba(234, 88, 12, 0.35);

  /* Operational status */
  --status-ok:     #22C55E;
  --status-warn:   #F59E0B;
  --status-crit:   #EF4444;
  --status-info:   #38BDF8;

  --font-sans: "Work Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --radius: 10px;  --radius-lg: 16px;
  --maxw: 1200px;  --maxw-prose: 68ch;
}

.theme-light {
  --bg:         #F8FAFC;
  --surface:    #FFFFFF;
  --surface-2:  #F1F5F9;
  --border:     #CBD5E1;
  --text:       #18181B;
  --text-muted: #475569;
}

/* ACCENT RESTRAINT BUDGET — the accent may cover no more than ~5% of any
   viewport. Permitted: one primary button, eyebrow labels, thin rules,
   status dots, link underlines, focus rings. Forbidden: full-width accent
   bands, large accent fills, accent section backgrounds, accent body text. */