:root {
  /* Colors - Brand & Semantic */
  --color-primary: #be1210;
  --color-primary-hover: #a30f0d;
  --color-success: #28a745;
  --color-error: #dc3545;
  --color-warning: #b58100;
  --color-success-dark: #2e7d32;

  /* Colors - Backgrounds */
  --bg-body: #ffffff;
  --bg-card: #f8f9fa;
  --bg-card-highlight: linear-gradient(145deg, #ffffff, #fffcfc);
  --bg-chip: #ffffff;
  --bg-button-neutral: #f1f3f5;
  --bg-button-neutral-hover: #e9ecef;
  --bg-button-neutral-active: #dee2e6;
  --bg-button-disabled: #e9ecef;

  /* Colors - Text */
  --text-main: #333333;
  --text-dark: #1c1e20;
  --text-muted: #666666;
  --text-meta: #495057;
  --text-subtle: #868e96;
  --text-light: #ffffff;

  /* Colors - Borders */
  --border-light: #ebebeb;
  --border-medium: #ddd;
  --border-input: #ced4da;
  --border-input-hover: #adb5bd;

  /* Feierabend (Gold) Palette */
  --gold-bg: #eedfa0;
  --gold-text-dark: #1a1000;
  --gold-text-muted: #3b2700;
  --gold-border: rgba(181, 140, 45, 0.35);
  
  /* Layout */
  --container-max-width: 600px;
  
  color-scheme: light dark;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg-body: #121212;
    --bg-card: #1e1e1e;
    --bg-card-highlight: linear-gradient(145deg, #1e1e1e, #242424);
    --bg-chip: #2c2c2c;
    --bg-button-neutral: #2c2c2c;
    --bg-button-neutral-hover: #3a3a3a;
    --bg-button-neutral-active: #4a4a4a;
    --bg-button-disabled: #1a1a1a;

    --text-main: #e0e0e0;
    --text-dark: #ffffff;
    --text-muted: #a0a0a0;
    --text-meta: #b0b0b0;
    --text-subtle: #707070;

    --border-light: #2c2c2c;
    --border-medium: #3a3a3a;
    --border-input: #4a4a4a;
    --border-input-hover: #5a5a5a;
  }
}

html[data-theme="dark"] {
  --bg-body: #121212;
  --bg-card: #1e1e1e;
  --bg-card-highlight: linear-gradient(145deg, #1e1e1e, #242424);
  --bg-chip: #2c2c2c;
  --bg-button-neutral: #2c2c2c;
  --bg-button-neutral-hover: #3a3a3a;
  --bg-button-neutral-active: #4a4a4a;
  --bg-button-disabled: #1a1a1a;

  --text-main: #e0e0e0;
  --text-dark: #ffffff;
  --text-muted: #a0a0a0;
  --text-meta: #b0b0b0;
  --text-subtle: #707070;

  --border-light: #2c2c2c;
  --border-medium: #3a3a3a;
  --border-input: #4a4a4a;
  --border-input-hover: #5a5a5a;
}

html[data-theme="light"] {
  --bg-body: #ffffff;
  --bg-card: #f8f9fa;
  --bg-card-highlight: linear-gradient(145deg, #ffffff, #fffcfc);
  --bg-chip: #ffffff;
  --bg-button-neutral: #f1f3f5;
  --bg-button-neutral-hover: #e9ecef;
  --bg-button-neutral-active: #dee2e6;
  --bg-button-disabled: #e9ecef;

  --text-main: #333333;
  --text-dark: #1c1e20;
  --text-muted: #666666;
  --text-meta: #495057;
  --text-subtle: #868e96;

  --border-light: #ebebeb;
  --border-medium: #ddd;
  --border-input: #ced4da;
  --border-input-hover: #adb5bd;
}