:root {
  --surface: #FFFFFF;
  --surface-raised: #F4F5F6;
  --hairline: #D6D9DD;
  --ink: #000000;
  --ink-muted: #52575E;
  --silver: #8A9099;
  --silver-text: #5F656C;
  --silver-light: #E3E5E8;
  --silver-dark: #8A9099;
  --focus-ring: #000000;
  --brand-black: #000000;
  --brand-white: #FFFFFF;
}
.dark {
  --surface: #000000;
  --surface-raised: #111214;
  --hairline: #2A2D33;
  --ink: #FFFFFF;
  --ink-muted: #A9AEB5;
  --silver: #C0C4C9;
  --silver-text: #C0C4C9;
  --silver-light: #E3E5E8;
  --silver-dark: #8A9099;
  --focus-ring: #C0C4C9;
  --brand-black: #000000;
  --brand-white: #FFFFFF;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 8px;
}