[data-theme="dark"] {
  --color-primary: var(--brand-red);
  --color-secondary: var(--brand-blue);

  --bg-app: #121212;
  --bg-surface: #18191A;
  --bg-surface-raised: #242526;

  --text-primary: #F0F0F0;
  --text-secondary: #B0B3B8;
  --text-muted: #9CA3AF;
  --text-inverse: #1A1A1A;

  --border-color: #3A3B3C;
  --border-color-strong: #4E4F50;

  --toolbar-bg: #242526;
  --toolbar-border: #3A3B3C;
  --toolbar-button-hover: rgba(255, 255, 255, 0.1);
  --toolbar-button-active: rgba(218, 78, 85, 0.15);

  --sidebar-bg: #18191A;
  --sidebar-item-hover: rgba(255, 255, 255, 0.06);

  --clock-face: #1E1E1E;
  --clock-border: #F0F0F0;
  --marker-color: #F0F0F0;

  --focus-ring-primary: 0 0 0 3px rgba(218, 78, 85, 0.12);

  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  --shadow-md: 0 5px 40px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 12px 28px 0 rgba(0, 0, 0, 0.4), 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}