:root {
  --color-bg: #f4f6f8;
  --color-surface: #ffffff;
  --color-border: #e2e6ea;
  --color-text: #1b1f24;
  --color-muted: #6b7280;
  --color-primary: #0f6c5d;
  --color-primary-contrast: #ffffff;
  --color-accent: #b28a3f;
  --color-success: #1f7a4f;
  --color-warning: #a16207;
  --color-danger: #b42318;
  --color-info: #1d4ed8;
  --gradient-primary: linear-gradient(135deg, #0f6c5d 0%, #0d5f52 100%);
  --gradient-gold: linear-gradient(135deg, #b28a3f 0%, #94712b 100%);
  --gradient-surface: linear-gradient(180deg, #ffffff 0%, #fcfcfc 100%);
  --glass-bg: rgba(255, 255, 255, 0.7);
  --glass-border: rgba(255, 255, 255, 0.5);
  --glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.07);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --shadow-1: 0 1px 2px rgba(15, 23, 42, 0.06);
  --shadow-2: 0 6px 16px rgba(15, 23, 42, 0.08);
  --focus-ring: 0 0 0 3px rgba(15, 108, 93, 0.22);
  --table-row-hover: #f0f5f4;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-bg: #101418;
    --color-surface: #151a21;
    --color-border: #232a33;
    --color-text: #e6e9ee;
    --color-muted: #9aa3ae;
    --table-row-hover: #1d232c;
  }
}