@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700;800;900&family=Plus+Jakarta+Sans:wght@300;400;500;700;800;900&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root {
  --accent-gradient: linear-gradient(110deg, #2a5a8c, #3e7cb1);
  --accent-shadow: rgba(42, 90, 140, 0.24);
  --bad: #b03a3a;
  --bad-tint: rgba(176, 58, 58, 0.09);
  --brand-accent: #2a5a8c;
  --brand-accent-2: #3e7cb1;
  --brand-deep: #1a3a5c;
  --brand-raised: #22486f;
  --card: #ffffff;
  --card-shadow: 0 3px 14px rgba(26, 58, 92, 0.05);
  --focus-ring: rgba(62, 124, 177, 0.28);
  --font-body: 'Inter', Arial, sans-serif;
  --font-heading: 'Plus Jakarta Sans', Arial, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, Menlo, monospace;
  --good: #2f8f5b;
  --good-tint: rgba(47, 143, 91, 0.10);
  --heading-weight: 800;
  --ink: #1a2433;
  --legacy: #4a5568;
  --legacy-tint: rgba(74, 85, 104, 0.07);
  --line: #e2e0dc;
  --line-on-deep: rgba(255, 255, 255, .09);
  --line-on-deep-strong: rgba(255, 255, 255, .25);
  --logo-filter: brightness(0) invert(1);
  --muted: #5f6b7a;
  --on-accent: #ffffff;
  --on-deep: #ffffff;
  --on-deep-muted: rgba(255,255,255,.66);
  --overlay: rgba(26, 58, 92, 0.45);
  --pattern: url('/brand/hypr-pattern.svg');
  --radius: 6px;
  --radius-lg: 6px;
  --radius-sm: 4px;
  --row-hover: #f3f7fa;
  --shadow: 0 18px 50px rgba(26, 58, 92, 0.11);
  --soft: #fcfbfa;
  --surface: #f8f7f5;
  --target: #2a6f6a;
  --target-tint: rgba(42, 111, 106, 0.08);
  --warn: #9a6200;
  --warn-tint: rgba(154, 98, 0, 0.10);
}