/*
Dark Theme - Design System Overhaul (SPEC-026)
Deep dark backgrounds (#0a0a0f / HSL 240 15% 4%) with purple/violet accents
Source: specs/026-design-system-overhaul/data-model.md
*/

[data-theme="dark"] {
  /* === Surfaces === */
  --c-bg: var(--color-gray-950);           /* Ultra dark: #0a0a0f */
  --c-surface: var(--color-gray-900);      /* Card background */
  --c-surface-2: var(--color-gray-800);    /* Elevated surface */
  --c-surface-3: var(--color-gray-700);    /* Highest elevation */
  --c-surface-glass: var(--color-gray-900);  /* Glassmorphism base */

  /* === Text === */
  --c-text: var(--color-gray-50);          /* Primary text - near white */
  --c-text-muted: var(--color-gray-400);   /* Secondary text */
  --c-text-subtle: var(--color-gray-500);  /* Tertiary text */
  --c-text-inverse: var(--color-gray-900); /* Text on accent backgrounds */

  /* === Borders === */
  --c-border: var(--color-gray-800);       /* Default border */
  --c-border-strong: var(--color-gray-700); /* Emphasized border */
  --c-border-subtle: var(--color-gray-800); /* Subtle border */
  --c-input-border: var(--color-gray-800); /* Input border */

  /* === Brand Colors - Purple Accent === */
  --c-primary: var(--color-purple-500);    /* Primary: vibrant purple */
  --c-primary-hover: var(--color-purple-400); /* Lighter on hover */
  --c-primary-active: var(--color-purple-600); /* Darker when active */
  --c-primary-contrast: var(--color-gray-50); /* White text on purple */

  /* === Status Colors === */
  --c-success: 142 76% 45%;   /* Green */
  --c-warning: 38 92% 50%;    /* Amber */
  --c-danger: 0 84% 60%;      /* Red */
  --c-info: 199 89% 48%;      /* Blue */

  /* === Effects === */
  --c-glow: var(--color-purple-500);  /* Purple glow for focus states */
  --c-shadow: 0 0% 0%;                /* Pure black shadows */

  /* === Legacy Aliases (for backwards compatibility) === */
  --c-secondary: var(--c-surface-2);
  --c-secondary-contrast: var(--c-text);
  --c-accent: var(--c-primary);
  --c-accent-contrast: var(--c-primary-contrast);

  /* === Special Colors === */
  --c-hero-dark: 240 20% 5%;
  --c-hero-dark-lighter: 240 15% 10%;
  --c-gradient-start: var(--color-purple-500);
  --c-gradient-end: var(--color-purple-400);
  --c-gold: 45 93% 55%;
  --c-purple: var(--color-purple-500);
  --c-green: 142 76% 45%;
  --c-chart-blue: 199 89% 48%;

  /* === Workspace Grid === */
  --ws-grid-line: var(--color-gray-800);
  --ws-grid-line-strong: var(--color-gray-700);
  --ws-cell-bg: transparent;
  --ws-cell-hover: var(--color-gray-800);
}

/* Dark theme body styling */
[data-theme="dark"] body {
  background-color: hsl(var(--c-bg));
  color: hsl(var(--c-text));
  color-scheme: dark;
}

/* Dark theme specific card glass effect */
[data-theme="dark"] .card-glass {
  background: hsl(var(--c-surface-glass) / 0.8);
  border-color: hsl(var(--c-border) / 0.5);
}

@supports (backdrop-filter: blur(1px)) {
  [data-theme="dark"] .card-glass {
    backdrop-filter: blur(var(--card-blur));
  }
}