:root {
  --color-white: #ffffff;
  --color-black: #000000;
  --color-gray-50: #f4f7f2;
  --color-gray-100: #e7ede3;
  --color-gray-700: #3a4a3f;
  --color-gray-900: #0f1a13;
  --color-green-500: #16a34a;
  --color-green-600: #15803d;
  --color-green-700: #166534;
  --color-amber-500: #d97706;
  --color-amber-600: #b45309;
  --color-amber-700: #92400e;
  --space-2: 8px;
  --space-4: 16px;
  --space-6: 24px;
  --space-zero: 0;
  --borderRadius-sm: 4px;
  --borderRadius-md: 8px;
  --borderRadius-full: 9999px;
  --typography-body-font-family: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;
  --typography-body-font-size: 15px;
  --typography-body-font-weight: 400;
  --typography-body-line-height: 1.6;
  --typography-heading-font-family: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;
  --typography-heading-font-size: 24px;
  --typography-heading-font-weight: 700;
  --typography-heading-line-height: 1.3;
  --typography-mono-font-family: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;
  --typography-mono-font-size: 14px;
  --typography-mono-font-weight: 400;
  --typography-mono-line-height: 1.5;
  --shadow-sm: 0px 1px 2px 0px #0000001a;
  --shadow-sm-color: #0000001a;
  --shadow-sm-offset-x: 0px;
  --shadow-sm-offset-y: 1px;
  --shadow-sm-blur: 2px;
  --shadow-sm-spread: 0px;
  --shadow-md: 0px 4px 8px 0px #00000026;
  --shadow-md-color: #00000026;
  --shadow-md-offset-x: 0px;
  --shadow-md-offset-y: 4px;
  --shadow-md-blur: 8px;
  --shadow-md-spread: 0px;
  --borderWidth-sm: 1px;
  --size-full: 100%;
  --color-surface: #ffffff;
  --color-surface-muted: #f4f7f2;
  --color-text-primary: #0f1a13;
  --color-text-secondary: #3a4a3f;
  --color-accent: #15803d;
  --color-accent-hover: #166534;
  --color-accent-secondary: #b45309;
  --color-accent-secondary-hover: #92400e;
  --space-inset: 16px;
  --space-stack: 8px;
  --radius-control: 4px;
  --radius-container: 8px;
  --radius-round: 9999px;
  --typography-body-font-family: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;
  --typography-body-font-size: 15px;
  --typography-body-font-weight: 400;
  --typography-body-line-height: 1.6;
  --typography-heading-font-family: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;
  --typography-heading-font-size: 24px;
  --typography-heading-font-weight: 700;
  --typography-heading-line-height: 1.3;
  --shadow-raised: 0px 4px 8px 0px #00000026;
  --shadow-raised-color: #00000026;
  --shadow-raised-offset-x: 0px;
  --shadow-raised-offset-y: 4px;
  --shadow-raised-blur: 8px;
  --shadow-raised-spread: 0px;
  --border-width: 1px;
}

[data-theme="dark"] {
  --color-surface: #0f1a13;
  --color-surface-muted: #000000;
  --color-text-primary: #ffffff;
  --color-text-secondary: #e7ede3;
  --color-accent: #16a34a;
  --color-accent-hover: #15803d;
  --color-accent-secondary: #d97706;
  --color-accent-secondary-hover: #b45309;
  --space-inset: 16px;
  --space-stack: 8px;
  --radius-control: 4px;
  --radius-container: 8px;
  --radius-round: 9999px;
  --typography-body-font-family: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;
  --typography-body-font-size: 15px;
  --typography-body-font-weight: 400;
  --typography-body-line-height: 1.6;
  --typography-heading-font-family: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;
  --typography-heading-font-size: 24px;
  --typography-heading-font-weight: 700;
  --typography-heading-line-height: 1.3;
  --shadow-raised: 0px 4px 8px 0px #00000026;
  --shadow-raised-color: #00000026;
  --shadow-raised-offset-x: 0px;
  --shadow-raised-offset-y: 4px;
  --shadow-raised-blur: 8px;
  --shadow-raised-spread: 0px;
  --border-width: 1px;
}