/* Path: Frontend/src/styles/themes/_dark.scss */

[data-theme="dark"] {
  color-scheme: dark;

  --color-canvas: var(--gray-900);
  --color-surface: hsl(220 23% 14% / 0.92);
  --color-surface-muted: hsl(220 22% 12% / 0.96);
  --color-surface-hover: hsl(220 18% 20% / 0.96);
  --color-border: hsl(220 12% 26% / 0.9);
  --color-border-strong: hsl(220 12% 38% / 0.9);

  --color-text: hsl(210 20% 96%);
  --color-text-muted: hsl(220 12% 70%);

  --color-accent: hsl(217 91% 67%);
  --color-accent-strong: hsl(218 88% 61%);
  --color-accent-soft: hsl(217 91% 67% / 0.18);
  --color-accent-contrast: hsl(220 28% 10%);
  --color-primary-1: hsl(217 91% 67%);
  --color-primary-2: hsl(272 80% 70%);
  --color-primary-3: hsl(190 84% 62%);

  --color-success: hsl(154 55% 48%);
  --color-danger: hsl(0 72% 62%);
  --color-warning: hsl(36 100% 60%);
  --color-focus-ring: hsl(217 91% 67% / 0.65);

  --shadow-soft: 0 16px 40px hsl(220 40% 3% / 0.45);
  --shadow-strong: 0 24px 60px hsl(220 40% 3% / 0.55);
}