:root {
  --color-bg-page: #f9fafb;
  --color-bg-card: #ffffff;
  --color-bg-card-alt: #f8fafc;
  --color-bg-section: #f1f5f9;
  --color-bg-hover: #f3f4f6;
  --color-bg-input: #ffffff;
  --color-bg-toolbar: rgba(230, 230, 230, 0.50);

  --color-text-primary: #1f2937;
  --color-text-secondary: #4b5563;
  --color-text-tertiary: #6b7280;
  --color-text-muted: #9ca3af;

  --color-border: #e5e7eb;
  --color-border-light: #e2e8f0;

  --color-shadow: rgba(0, 0, 0, 0.1);
  --color-shadow-heavy: rgba(0, 0, 0, 0.15);
}

.dark {
  --color-bg-page: #111827;
  --color-bg-card: #1f2937;
  --color-bg-card-alt: #1e293b;
  --color-bg-section: #374151;
  --color-bg-hover: #374151;
  --color-bg-input: #374151;
  --color-bg-toolbar: rgba(55, 65, 81, 0.80);

  --color-text-primary: #f9fafb;
  --color-text-secondary: #d1d5db;
  --color-text-tertiary: #9ca3af;
  --color-text-muted: #6b7280;

  --color-border: #374151;
  --color-border-light: #4b5563;

  --color-shadow: rgba(0, 0, 0, 0.3);
  --color-shadow-heavy: rgba(0, 0, 0, 0.5);
}