:root {
  color-scheme: light;

  --background: #fafafa;
  --surface: #ffffff;
  --foreground: #171717;
  --muted: #525252;
  --border: #e5e5e5;

  --primary: #262626;
  --primary-foreground: #ffffff;

  --secondary: #666666;

  --code-background: #efefef;
}

[data-theme="dark"] {
  color-scheme: dark;

  --background: #0a0a0a;
  --surface: #171717;
  --foreground: #f5f5f5;
  --muted: #a3a3a3;
  --border: #404040;

  --primary: #e5e5e5;
  --primary-foreground: #0a0a0a;

  --secondary: #a3a3a3;

  --code-background: #262626;
}