/*
 * VIDA UI Themes
 * Light é o tema padrão. Dark permanece opt-in via data-theme="dark".
 */
:root,
[data-theme="light"] {
  --vida-color-scheme: light;
  --vida-primary: var(--vida-color-brand-600);
  --vida-primary-dark: var(--vida-color-brand-800);
  --vida-primary-light: var(--vida-color-brand-50);
  --vida-primary-border: var(--vida-color-brand-200);
  --vida-gradient-start: var(--vida-color-brand-700);
  --vida-gradient-end: var(--vida-color-brand-500);
  --vida-accent: var(--vida-color-brand-400);
  --vida-secondary: var(--vida-color-blue-600);
  --vida-canvas: var(--vida-color-neutral-50);
  --vida-surface: var(--vida-color-neutral-0);
  --vida-surface-subtle: var(--vida-color-neutral-25);
  --vida-surface-muted: var(--vida-color-neutral-100);
  --vida-text: var(--vida-color-neutral-900);
  --vida-text-secondary: var(--vida-color-neutral-700);
  --vida-muted: var(--vida-color-neutral-500);
  --vida-subtle: var(--vida-color-neutral-400);
  --vida-border: var(--vida-color-neutral-200);
  --vida-overlay: var(--vida-alpha-overlay);
  --vida-navigation-surface: var(--vida-alpha-white-97);
  --vida-on-brand: var(--vida-color-neutral-0);
  --vida-success: var(--vida-color-green-600);
  --vida-success-surface: var(--vida-color-green-50);
  --vida-success-strong-surface: var(--vida-color-green-100);
  --vida-success-border: var(--vida-color-green-200);
  --vida-success-text: var(--vida-color-green-800);
  --vida-warning: var(--vida-color-yellow-500);
  --vida-warning-surface: var(--vida-color-yellow-50);
  --vida-warning-strong-surface: var(--vida-color-yellow-100);
  --vida-warning-text: var(--vida-color-yellow-800);
  --vida-danger: var(--vida-color-red-600);
  --vida-danger-surface: var(--vida-color-red-50);
  --vida-danger-strong-surface: var(--vida-color-red-100);
  --vida-danger-hover: var(--vida-color-red-200);
  --vida-danger-border: var(--vida-color-red-300);
  --vida-danger-text: var(--vida-color-red-900);
  --vida-danger-strong-text: var(--vida-color-red-800);
  --vida-info: var(--vida-color-blue-600);
  --vida-info-surface: var(--vida-color-blue-100);
  --vida-info-text: var(--vida-color-blue-700);
  --vida-neutral-text: var(--vida-color-neutral-600);
  --vida-purple: var(--vida-color-purple-600);
  --vida-orange: var(--vida-color-orange-600);
  --vida-focus-ring: var(--vida-alpha-brand-30);
  --vida-hover-border: var(--vida-alpha-brand-35);
}

[data-theme="dark"] {
  --vida-color-scheme: dark;
  --vida-primary: var(--vida-color-brand-300);
  --vida-primary-dark: var(--vida-color-brand-100);
  --vida-primary-light: var(--vida-color-dark-brand-surface);
  --vida-primary-border: var(--vida-color-dark-brand-border);
  --vida-gradient-start: var(--vida-color-dark-gradient-start);
  --vida-gradient-end: var(--vida-color-brand-700);
  --vida-accent: var(--vida-color-brand-400);
  --vida-secondary: var(--vida-color-dark-secondary);
  --vida-canvas: var(--vida-color-dark-canvas);
  --vida-surface: var(--vida-color-dark-surface);
  --vida-surface-subtle: var(--vida-color-dark-surface-subtle);
  --vida-surface-muted: var(--vida-color-dark-surface-muted);
  --vida-text: var(--vida-color-dark-text);
  --vida-text-secondary: var(--vida-color-dark-text-secondary);
  --vida-muted: var(--vida-color-dark-muted);
  --vida-subtle: var(--vida-color-dark-subtle);
  --vida-border: var(--vida-color-dark-border);
  --vida-overlay: var(--vida-alpha-dark-overlay);
  --vida-navigation-surface: var(--vida-alpha-dark-navigation);
  --vida-on-brand: var(--vida-color-neutral-0);
  --vida-success: var(--vida-color-dark-success);
  --vida-success-surface: var(--vida-color-dark-success-surface);
  --vida-success-strong-surface: var(--vida-color-dark-success-surface);
  --vida-success-border: var(--vida-color-dark-success-border);
  --vida-success-text: var(--vida-color-dark-success-text);
  --vida-warning: var(--vida-color-dark-warning);
  --vida-warning-surface: var(--vida-color-dark-warning-surface);
  --vida-warning-strong-surface: var(--vida-color-dark-warning-strong-surface);
  --vida-warning-text: var(--vida-color-dark-warning-text);
  --vida-danger: var(--vida-color-dark-danger);
  --vida-danger-surface: var(--vida-color-dark-danger-surface);
  --vida-danger-strong-surface: var(--vida-color-dark-danger-strong-surface);
  --vida-danger-hover: var(--vida-color-dark-danger-hover);
  --vida-danger-border: var(--vida-color-dark-danger-border);
  --vida-danger-text: var(--vida-color-dark-danger-text);
  --vida-danger-strong-text: var(--vida-color-dark-danger-strong-text);
  --vida-info: var(--vida-color-dark-info);
  --vida-info-surface: var(--vida-color-dark-info-surface);
  --vida-info-text: var(--vida-color-dark-info-text);
  --vida-neutral-text: var(--vida-color-dark-text-secondary);
  --vida-purple: var(--vida-color-dark-purple);
  --vida-orange: var(--vida-color-dark-orange);
  --vida-focus-ring: var(--vida-alpha-dark-focus);
  --vida-hover-border: var(--vida-alpha-dark-hover-border);
  --vida-shadow-low: 0 .375rem 1.25rem var(--vida-alpha-dark-shadow-low);
  --vida-shadow-medium: 0 .75rem 1.875rem var(--vida-alpha-dark-shadow-medium);
  --vida-shadow: var(--vida-shadow-medium);
}