:root {
  /* Site design tokens */
  --teal: #1a8a7a;
  --teal-light: #2ab5a0;
  --teal-dark: #0d5c52;
  --orange: #e07030;
  --charcoal: #1e1e1e;
  --charcoal-mid: #2d2d2d;
  --off-white: #f5f3ef;
  --warm-white: #faf9f6;
  --gold: #b89b52;
  --text-muted: #6b6b6b;

  /* App / Basecamp surfaces */
  --color-bg: #F5F5F5;
  --color-bg-alt: #E8E8E8;
  --color-bg-dark: #0A0A0A;
  --color-bg-dark-alt: #1A1A1A;
  --color-card: #1F1F1F;
  --color-text-primary: #FFFFFF;
  --color-text-muted: #999999;
  --color-text-dark: #1A1A1A;
  --color-text-header: #FFFFFF;
  --color-text-subheader: #999999;
  --color-text-header-dark: #1A1A1A;
  --color-text-subheader-dark: #DCE6E1;
  --color-link-primary: #1a8a7a;
  --color-link-hover-primary: #2ab5a0;
  --color-link-dark: #1a8a7a;
  --color-link-hover-dark: #2ab5a0;
  --color-border: #333333;
  --color-border-light: #CCCCCC;
  --color-focus: #1a8a7a;
  --color-input-bg: #2A2A2A;
  --color-input-border: #404040;
  --color-input-text: #FFFFFF;
  --color-input-placeholder: #999999;
  --button-bg-primary: #1a8a7a;
  --button-text-primary: #FFFFFF;
  --button-hover-primary: #2ab5a0;
  --button-bg-secondary: #1A1A1A;
  --button-text-secondary: #FFFFFF;
  --button-hover-secondary: rgba(255,255,255,0.08);
}