/* Design tokens from the "FinOps Hub Identity" sheet. The only file with color values. */
:root {
  --navy: #011E6A;
  --navy-2: #0A2F7F;
  --navy-line: #34508F;
  --signal: #2A6EFF;
  --sky: #7CD3FF;
  --ember: #C2410C;
  --ember-dark: #9A3412;
  --peach: #FFF1E6;
  --peach-ink: #3B2A1E;
  --mist: #EEF7FF;
  --ground: #F3F6FB;
  --surface: #FFFFFF;
  --ink: #0B1533;
  --ink-2: #4A5573;
  --ink-3: #6B7280;
  --line: #DCE3EF;
  --line-2: #C9D3E6;
  --track: #EEF2F8;
  --focus: #2A6EFF;

  --nav-text: #DCE6FA;
  --nav-muted: #8FA6D6;
  --nav-dim: #C9D6F2;
  --nav-caption: #A9BCE6;

  --phase-inform: #2A6EFF;
  --phase-optimize: #3F7D20;
  --phase-operate: #0E6D96;

  --aws-bg: #FFF4E0;
  --aws-ink: #7A4300;
  --aws-dot: #FF9900;
  --gcp-bg: #E8F0FE;
  --gcp-ink: #1A4FB4;
  --gcp-dot: #4285F4;

  --st-open-bg: #FFF1E6;
  --st-open-ink: #9A3412;
  --st-analysis-bg: #EAF1FF;
  --st-analysis-ink: #1D4ED8;
  --st-resolved-bg: #E9F5E3;
  --st-resolved-ink: #2F6B17;
  --st-closed-bg: #EEF0F4;
  --st-closed-ink: #3B4560;

  --logo-ember: #F08A3C;
  --heart: #F87171;

  --font-display: "Archivo", "Arial Black", sans-serif;
  --font-body: "Inter", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;

  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-xl: 28px;
  --shadow: 0 1px 3px rgba(1, 30, 106, 0.08);
  --shadow-raised: 0 8px 28px rgba(1, 30, 106, 0.16);
  --gap: 20px;
  --target: 44px;
}