/* Switchable theme system — CSS custom properties */
/* Each theme class defines the same set of color tokens. */
/* Tailwind config in base.html references these variables. */

:root,
.theme-govuk {
  --color-primary: #00703c;
  --color-primary-hover: #15803d;
  --color-secondary: #1d70b8;
  --color-secondary-hover: #1d4ed8;
  --color-dark: #0b0c0c;
  --color-focus: #1d70b8;
  --color-nav-accent: #00703c;
  --color-nav-accent-light: #00703c1a;
  --color-surface-tint: #f0fdf4;
  --color-icon-muted: #6b7280;
}

.theme-modern {
  --color-primary: #4f46e5;
  --color-primary-hover: #4338ca;
  --color-secondary: #0891b2;
  --color-secondary-hover: #0e7490;
  --color-dark: #1e1b4b;
  --color-focus: #4f46e5;
  --color-nav-accent: #4f46e5;
  --color-nav-accent-light: #4f46e51a;
  --color-surface-tint: #eef2ff;
  --color-icon-muted: #6366f1;
}

.theme-ocean {
  --color-primary: #0d9488;
  --color-primary-hover: #0f766e;
  --color-secondary: #7c3aed;
  --color-secondary-hover: #6d28d9;
  --color-dark: #134e4a;
  --color-focus: #0d9488;
  --color-nav-accent: #0d9488;
  --color-nav-accent-light: #0d94881a;
  --color-surface-tint: #f0fdfa;
  --color-icon-muted: #14b8a6;
}

/* Gradient text utility — theme-aware */
.gradient-text {
  background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}