/* Dark theme color overrides */
[data-theme="dark"] {
  color-scheme: dark;
  /* Brand / Primary — lighter red for contrast on dark backgrounds */
  --color-primary: #FF3354;
  --color-primary-hover: #FF5C75;
  --color-primary-foreground: #FFFFFF;
  --color-primary-muted: #3D1520;

  /* Secondary / Accent */
  --color-secondary: #D1D5DB;
  --color-secondary-hover: #E5E7EB;
  --color-secondary-foreground: #1A1A1A;
  --color-accent: #60A5FA;

  /* Semantic */
  --color-error: #EF4444;
  --color-error-foreground: #FFFFFF;
  --color-success: #22C55E;
  --color-success-foreground: #FFFFFF;
  --color-warning: #F59E0B;
  --color-warning-foreground: #1A1A1A;
  --color-info: #3B82F6;
  --color-info-foreground: #FFFFFF;

  /* Semantic muted backgrounds */
  --color-success-muted: #052e16;
  --color-warning-muted: #422006;
  --color-error-muted: #450a0a;
  --color-info-muted: #1e1b4b;

  /* Surfaces */
  --color-bg: #0F0F0F;
  --color-bg-muted: #1A1A1A;
  --color-bg-sidebar: #141414;
  --color-bg-overlay: rgba(0, 0, 0, 0.7);

  /* Text */
  --color-text: #F0F0F0;
  --color-text-secondary: #A0A0A0;
  --color-text-muted: #707070;
  --color-text-on-primary: #FFFFFF;

  /* Borders */
  --color-border-default: #333333;
  --color-border-hover: #444444;
  --color-border-focus: #FF3354;
}