:root {
  --color-primary: #000000;
  --color-secondary: #333333;
  --color-tertiary: #008000;
  --color-neutral: #ffffff;
  --color-surface: #ffffff;
  --color-surface-sunken: #f0f0f0;
  --color-border: #000000;
  --color-link: #0000ff;
  --color-warning: #ffa500;
  --color-error: #ff0000;
  --color-on-primary: #ffffff;
  --color-on-tertiary: #ffffff;
  --color-text-primary: #000000;
  --color-text-secondary: #333333;
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 40px;
  --spacing-xxl: 64px;
  --rounded-none: 0px;
  --rounded-sm: 0px;
  --rounded-md: 0px;
  --rounded-lg: 0px;
  --rounded-full: 0px;
}