:root {
  /* Colors — brand */
  --color-hero-bg: #112D40;
  --color-accent: #185474;
  --color-primary: #B85016;
  --color-selected: #F7CDA7;
  --color-divider: #EFEFEF;
  --color-white: #FFFFFF;

  /* Colors — surfaces */
  --color-surface-light: #F2F9FD;
  --color-surface-card: #C3E3F4;
  --color-surface-card-hover: #112D40;
  --color-surface-gray: #F6F6F6;

  /* Colors — therapy areas */
  --color-therapy-card: #EBFEF4;
  --color-therapy-card-hover: #045036;

  /* Colors — text */
  --color-text: #0D0D0D;
  --color-text-secondary: #222222;
  --color-text-muted: #5D5D5D;

  /* Colors — charts */
  --color-chart-highlight: #F37827;
  --color-chart-bar: #B0B0B0;
  --color-chart-grid: #9E9E9E;

  /* Typography */
  --font-sans: 'Rubik', system-ui, -apple-system, sans-serif;

  /* Layout */
  --max-width: 1440px;
  --gutter: 24px;
  --gutter-block: 150px;

  /* Radii */
  --radius-sm: 6px;
  --radius-pill: 100px;
}