/*
 * AUTO-GENERATED by frontend/tools/theme/gen-tokens.js — DO NOT EDIT BY HAND.
 * Company design tokens: @meta/web-config@0.3.0 (snapshot 2026-06-11).
 * Regenerate after bumping company-tokens.json:
 *   node frontend/tools/theme/gen-tokens.js
 * Theme-switched chrome tokens only; diagram/spacing/layout stay in c4-web.css.
 */

:root {
  color-scheme: light;
  --font: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --radius: 8px;
  --focus: var(--primary);
  --bg: #f7f9fc;
  --surface: #ffffff;
  --surface-2: #eef2f7;
  --text: #152033;
  --text-muted: #667085;
  --border: #d8dee8;
  --primary: #2563eb;
  --primary-fg: #ffffff;
  --primary-weak: #e8f0fe;
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.08);
  --shadow-md: 0 12px 30px rgba(15, 23, 42, 0.16);
  --input-border: #c8d2df;
  --control-hover: #f8fbff;
  --disabled-bg: #f3f5f8;
  --disabled-text: #9aa4b2;
  --danger: #b42318;
  --ok: #067647;
}

html[data-theme="dark"] {
  color-scheme: dark;
  --bg: #070b14;
  --surface: #0d1320;
  --surface-2: #182135;
  --text: #f0f4f8;
  --text-muted: #8a97a8;
  --border: #1e2a40;
  --primary: #3b82f6;
  --primary-fg: #ffffff;
  --primary-weak: #16233b;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.28);
  --shadow-md: 0 16px 40px rgba(0, 0, 0, 0.42);
  --input-border: #34445f;
  --control-hover: #16233b;
  --disabled-bg: #111827;
  --disabled-text: #64748b;
  --danger: #fb7185;
  --ok: #34d399;
}