/* CEO Dashboard — Design tokens */
:root {
  /* Brand */
  --amber: #F5A800;
  --amber-light: #FFB829;
  --amber-dark: #C98A00;

  /* Backgrounds */
  --bg: #0A0A0C;
  --surface: #111114;
  --surface-2: #18181C;
  --surface-3: #202026;
  --surface-raised: #1A1A1F;

  /* Borders */
  --border: #2A2A32;
  --border-light: #36363F;

  /* Text */
  --text: #E8E8EC;
  --text-secondary: #A0A0AA;
  --muted: #72727E;
  --dim: #4A4A54;

  /* Status */
  --green: #22C55E;
  --green-dim: #166534;
  --red: #EF4444;
  --red-dim: #7F1D1D;
  --blue: #3B82F6;
  --blue-dim: #1E3A5F;
  --yellow: #EAB308;
  --yellow-dim: #713F12;

  /* Spacing */
  --gap: 16px;
  --gap-sm: 8px;
  --gap-lg: 24px;
  --radius: 8px;
  --radius-sm: 4px;

  /* Type */
  --font: 'Barlow', sans-serif;
  --font-display: 'Barlow Condensed', sans-serif;
  --size-hero: 48px;
  --size-lg: 28px;
  --size-md: 18px;
  --size-base: 14px;
  --size-sm: 12px;
  --size-xs: 10px;
}