/*
 * CyGuard AI design tokens. Shared source of truth for the marketing site
 * (guardian-ww/app/tokens.css) and the control plane
 * (waw-control/internal/controlplane/static/tokens.css).
 * Keep both copies identical.
 */
:root {
  --cg-ink: #14305a;
  --cg-ink-600: #1f4479;
  --cg-ink-50: #e7eef8;
  --cg-text: #17263b;
  --cg-muted: #4a5b72;

  --cg-safe: #187a56;
  --cg-safe-700: #136345;
  --cg-safe-50: #e3f4ec;
  --cg-alert: #9c5715;
  --cg-alert-50: #fbefdf;
  --cg-danger: #b23a33;
  --cg-danger-50: #fbe7e5;

  --cg-surface: #f2f6fb;
  --cg-paper: #ffffff;
  --cg-line: #d6e0ec;

  --cg-font: "Rubik", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;

  --cg-radius-control: 10px;
  --cg-radius-panel: 16px;
  --cg-shadow: 0 1px 2px rgb(20 48 90 / 0.06), 0 8px 24px rgb(20 48 90 / 0.08);
  --cg-focus: 0 0 0 3px var(--cg-paper), 0 0 0 5px var(--cg-ink-600);
}