/* Runtime source of truth for the approved Agentverk design tokens. */
:root {
  /* Brand palette */
  --brand-midnight: #02050C;
  --brand-deep-navy: #223551;
  --brand-steel-shadow: #314D6F;
  --brand-signal-blue: #39608C;
  --brand-steel-blue: #536C90;
  --brand-edge: #5C83AE;

  /* Backgrounds */
  --bg-page: #02050C;
  --bg-raised: #060C16;
  --surface-card: #0A1322;
  --surface-card-hover: #0E1A2E;
  --surface-inset: #04080F;
  --surface-overlay: #0C1524;

  /* Borders */
  --border-subtle: #16233A;
  --border-strong: #223551;
  --border-accent: #39608C;

  /* Text */
  --text-1: #E9EFF7;
  --text-2: #A3B4C9;
  --text-3: #66798F;
  --text-disabled: #45536A;

  /* Interactive accent */
  --accent: #5C83AE;
  --accent-bright: #8FB6E0;
  --accent-tint: rgba(92,131,174,.12);
  --accent-border: rgba(92,131,174,.35);

  /* Semantic status */
  --status-success: #34D399;
  --status-success-tint: rgba(52,211,153,.10);
  --status-success-border: rgba(52,211,153,.35);
  --status-failure: #F87171;
  --status-failure-tint: rgba(248,113,113,.10);
  --status-failure-border: rgba(248,113,113,.35);
  --status-running: #38BDF8;
  --status-running-tint: rgba(56,189,248,.10);
  --status-running-border: rgba(56,189,248,.35);
  --status-agent: #FFB224;
  --status-agent-tint: rgba(255,178,36,.10);
  --status-agent-border: rgba(255,178,36,.40);
  --status-stale: #D9C24B;
  --status-stale-tint: rgba(217,194,75,.10);
  --status-stale-border: rgba(217,194,75,.35);
  --status-authored: #A78BFA;
  --status-authored-tint: rgba(167,139,250,.10);
  --status-authored-border: rgba(167,139,250,.35);
  --status-neutral: #8494A9;
  --status-neutral-tint: rgba(132,148,169,.10);
  --status-neutral-border: rgba(132,148,169,.30);
  --focus-ring: #8FB6E0;

  /* Typography */
  --font-ui: 'Inter',ui-sans-serif,system-ui,sans-serif;
  --font-display: 'Oxanium','Inter',sans-serif;
  --font-mono: 'JetBrains Mono',ui-monospace,'SF Mono',monospace;
  --fs-2xs: 11px;
  --fs-xs: 12px;
  --fs-sm: 14px;
  --fs-base: 16px;
  --fs-lg: 18px;
  --fs-xl: 20px;
  --fs-2xl: 24px;
  --fs-stat: 32px;
  --lh-tight: 1.25;
  --lh-normal: 1.5;
  --tracking-wide: .06em;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* Spacing */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --pad-card: 20px;
  --pad-card-header: 12px 20px;
  --pad-cell: 8px 12px;
  --gap-section: 24px;
  --gap-grid: 16px;
  --page-max: 1200px;
  --pad-page: 24px;

  /* Effects */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-pill: 999px;
  --shadow-modal: 0 24px 60px rgba(0,0,0,.65);
  --backdrop: rgba(2,5,12,.75);
  --blur-backdrop: 4px;
  --ease: cubic-bezier(.25,.1,.25,1);
  --dur-fast: 120ms;
  --dur-med: 200ms;
}