:root {
  color-scheme: light dark;

  /* Brand */
  --teal: #008080;
  --teal-dark: #005f5f;
  --on-teal: #ffffff;

  /* Surfaces and text */
  --bg: #f3f7f4;
  --card: #ffffff;
  --text: #17302f;
  --muted: #55706e;
  --border: #d8e3df;
  --accent-text: #007070;
  --danger: #b3261e;
  --viz-1: #008080;
  --viz-2: #c98a1b;
  --viz-3: #3f63a8;
  --viz-4: #e0654a;
  --viz-5: #a04db8;

  /* Type */
  --font-sans: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: Fraunces, Georgia, serif;
  --font-brand: Helvetica, Arial, sans-serif; /* The name, as on the PDFs */

  /* Shape and spacing */
  --radius: 12px;
  --radius-sm: 8px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --tap: 44px;
  --sidebar-width: 256px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #0f1b1b;
    --card: #162626;
    --text: #e6f1f0;
    --muted: #9ab5b3;
    --border: #274241;
    --accent-text: #5cc4c4;
    --danger: #f2b8b5;
    --viz-1: #1f9f9f;
    --viz-2: #c88a2a;
    --viz-3: #6c8cd2;
    --viz-4: #e87f66;
    --viz-5: #bb7fd0;
    --teal-dark: #004a4a;
  }
}