:root {
  --transition-speed: 0.3s;
}

[data-theme="light"] {
  --bg-color: #f8f9fa;
  --surface-color: #ffffff;
  --text-primary: #212529;
  --text-secondary: #6c757d;
  --accent-color: #007bff;
  --success-color: #28a745;
  --error-color: #dc3545;
  --border-color: #dee2e6;
  --shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

[data-theme="dark"] {
  --bg-color: #121212;
  --surface-color: #1e1e1e;
  --text-primary: #e0e0e0;
  --text-secondary: #b0b0b0;
  --accent-color: #3782f1;
  --success-color: #4caf50;
  --error-color: #f44336;
  --border-color: #333333;
  --shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}