/*
Light Theme - Design System Overhaul (SPEC-026)
Clean white/light gray backgrounds with purple/violet accents (consistent with dark mode)
Source: specs/026-design-system-overhaul/data-model.md
*/

[data-theme="light"] {
  /* === Surfaces === */
  --c-bg: var(--color-gray-50);            /* Near white background */
  --c-surface: 0 0% 100%;                   /* Pure white cards */
  --c-surface-2: var(--color-gray-100);    /* Elevated surface */
  --c-surface-3: var(--color-gray-200);    /* Highest elevation */
  --c-surface-glass: 0 0% 100%;             /* Glassmorphism base - white */

  /* === Text === */
  --c-text: var(--color-gray-900);         /* Dark text for contrast */
  --c-text-muted: var(--color-gray-600);   /* Secondary text */
  --c-text-subtle: var(--color-gray-500);  /* Tertiary text */
  --c-text-inverse: var(--color-gray-50);  /* Light text on dark backgrounds */

  /* === Borders === */
  --c-border: var(--color-gray-200);       /* Light border */
  --c-border-strong: var(--color-gray-300); /* Emphasized border */
  --c-border-subtle: var(--color-gray-200); /* Subtle border */
  --c-input-border: var(--color-gray-200); /* Input border */

  /* === Brand Colors - Purple Accent (darker for contrast on white) === */
  --c-primary: var(--color-purple-600);    /* Darker purple for light backgrounds */
  --c-primary-hover: var(--color-purple-700); /* Even darker on hover */
  --c-primary-active: var(--color-purple-800); /* Darkest when active */
  --c-primary-contrast: var(--color-gray-50); /* White text on purple */

  /* === Status Colors (adjusted for light backgrounds) === */
  --c-success: 142 71% 35%;   /* Darker green for contrast */
  --c-warning: 38 92% 45%;    /* Darker amber */
  --c-danger: 0 84% 50%;      /* Darker red */
  --c-info: 199 89% 40%;      /* Darker blue */

  /* === Effects === */
  --c-glow: var(--color-purple-500);  /* Purple glow (lighter for visibility) */
  --c-shadow: 220 15% 20%;            /* Subtle shadow color */

  /* === 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%;             /* Keep dark for hero sections */
  --c-hero-dark-lighter: 240 15% 10%;
  --c-gradient-start: var(--color-purple-600);
  --c-gradient-end: var(--color-purple-500);
  --c-gold: 45 93% 45%;                   /* Slightly darker gold */
  --c-purple: var(--color-purple-600);
  --c-green: 142 71% 35%;
  --c-chart-blue: 199 89% 40%;

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

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

/* Light theme specific card styling */
[data-theme="light"] .card {
  box-shadow: var(--shadow-sm);
}

[data-theme="light"] .card-glass {
  background: hsl(var(--c-surface-glass) / 0.9);
  border-color: hsl(var(--c-border) / 0.5);
}

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

/* Light theme interactive card shadow */
[data-theme="light"] .card.card-interactive:hover {
  box-shadow: var(--shadow-lg);
}