/* Design tokens from docs/02e-style-guide.md */
:root {
  /* Brand & teals */
  --brand-teal: #009999;
  --teal-700:   #007A7A;
  --teal-500:   #33B0B0;
  --teal-300:   #129CA6;
  --teal-100:   #E0F2F2;

  /* Ink */
  --ink:        #1F2A2A;
  --ink-soft:   #5A6A6A;
  --ink-muted:  #9AA8A8;

  /* Surfaces */
  --surface:     #FFFFFF;
  --surface-alt: #F6F8F8;
  --border:      #E1E6E6;

  /* Semantic */
  --negative: #B73A3A;
  --warning:  #B8860B;
  --danger:   #9B1C1C;

  /* Type scale */
  --font: "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fs-xs:   0.75rem;
  --fs-sm:   0.875rem;
  --fs-base: 1rem;
  --fs-md:   1.125rem;
  --fs-lg:   1.25rem;
  --fs-xl:   1.5rem;
  --fs-2xl:  2rem;
  --fs-3xl:  2.5rem;

  /* Radii */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-pill: 999px;

  /* Spacing (4-px grid) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
}