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

:root,
[data-theme="light"] {
  color-scheme: light;

  --color-canvas: var(--gray-50);
  --color-surface: hsl(0 0% 100% / 0.9);
  --color-surface-muted: var(--gray-0);
  --color-surface-hover: var(--gray-100);
  --color-border: hsl(220 15% 85% / 0.9);
  --color-border-strong: hsl(220 12% 70% / 0.9);

  --color-text: var(--gray-800);
  --color-text-muted: var(--gray-500);

  --color-accent: var(--blue-500);
  --color-accent-strong: var(--blue-600);
  --color-accent-soft: hsl(218 88% 61% / 0.12);
  --color-accent-contrast: hsl(0 0% 100%);
  --color-primary-1: var(--blue-500);
  --color-primary-2: hsl(271 72% 60%);
  --color-primary-3: hsl(192 76% 48%);

  --color-success: var(--green-500);
  --color-danger: var(--red-500);
  --color-warning: var(--amber-500);
  --color-focus-ring: hsl(221 83% 53% / 0.55);
}