/* Design tokens lifted from app/lib/core/theme/app_theme.dart and
   app/lib/core/design_system/status_colors.dart so the marketing site
   reads as the same product, not a re-skin. */
:root {
  --bg: #05070d;
  --bg-elevated: #0b0e17;
  --bg-card: rgba(255, 255, 255, 0.045);
  --bg-card-hover: rgba(255, 255, 255, 0.075);
  --border: rgba(255, 255, 255, 0.12);
  --border-strong: rgba(255, 255, 255, 0.22);

  --text: #f5f7fb;
  --text-dim: #9aa3b5;
  --text-faint: #5b6377;

  --primary: #3b82f6;
  --primary-dark: #1d4ed8;
  --primary-light: #60a5fa;
  --primary-glow: rgba(59, 130, 246, 0.45);

  --secondary: #8b5cf6;
  --secondary-light: #c084fc;

  --success: #4ade80;
  --warning: #fbbf24;
  --critical: #f87171;

  --font:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Helvetica,
    Arial, sans-serif;
  /* Utility face — eyebrows, module tags, stat values, version-style
     labels. Reads as "system output" rather than marketing copy, which
     fits an operations platform: every mono label on this page names a
     real piece of data (a module, a status, a count), never decoration. */
  --font-mono:
    ui-monospace, "SF Mono", "Cascadia Code", "Roboto Mono", Menlo, Consolas,
    monospace;

  --tracking-display: -0.045em;
  --tracking-tight: -0.02em;

  --container: 1180px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --header-h: 76px;
}