/* Freya Summer Quest — design tokens (aprox. UI_REFERENCE.png) */
:root {
  --sq-color-night-950: #0b1026;
  --sq-color-night-900: #121a3a;
  --sq-color-night-800: #1a2552;
  --sq-color-ocean-700: #0c4a6e;
  --sq-color-ocean-600: #0369a1;
  --sq-color-ocean-500: #0ea5e9;
  --sq-color-sky-300: #7dd3fc;
  --sq-color-sand-100: #fef9c3;
  --sq-color-card: rgba(255, 255, 255, 0.94);
  --sq-color-card-muted: rgba(255, 255, 255, 0.12);
  --sq-color-primary: #7c3aed;
  --sq-color-primary-hover: #6d28d9;
  --sq-color-primary-soft: #a78bfa;
  --sq-color-star: #fbbf24;
  --sq-color-fragment: #f472b6;
  --sq-color-success: #34d399;
  --sq-color-success-soft: rgba(52, 211, 153, 0.2);
  --sq-color-help: #f59e0b;
  --sq-color-help-bg: #fef3c7;
  --sq-color-error-soft: rgba(251, 146, 60, 0.2);
  --sq-color-error-text: #fed7aa;
  --sq-color-text: #1e1b4b;
  --sq-color-text-inverse: #f8fafc;
  --sq-color-text-muted: #64748b;
  --sq-color-text-muted-inverse: #c4b5fd;
  --sq-color-border: rgba(255, 255, 255, 0.22);
  --sq-color-border-dark: rgba(30, 27, 75, 0.12);

  --sq-radius-sm: 0.5rem;
  --sq-radius-md: 0.75rem;
  --sq-radius-lg: 1rem;
  --sq-radius-xl: 1.25rem;
  --sq-radius-2xl: 1.5rem;
  --sq-radius-pill: 9999px;

  --sq-shadow-card: 0 8px 32px rgba(15, 23, 42, 0.12);
  --sq-shadow-floating: 0 20px 50px rgba(15, 23, 42, 0.25);
  --sq-shadow-button: 0 8px 20px rgba(124, 58, 237, 0.35);

  --sq-space-1: 0.25rem;
  --sq-space-2: 0.5rem;
  --sq-space-3: 0.75rem;
  --sq-space-4: 1rem;
  --sq-space-5: 1.25rem;
  --sq-space-6: 1.5rem;
  --sq-space-8: 2rem;
  --sq-space-10: 2.5rem;
  --sq-space-12: 3rem;

  --sq-font-display: ui-rounded, "Nunito", "Arial Rounded MT Bold", system-ui, sans-serif;
  --sq-font-body: ui-rounded, "Nunito", system-ui, sans-serif;

  --sq-touch-min: 48px;
  --sq-nav-height: 4.5rem;
  --sq-header-height: 3.5rem;
  --sq-max-content: 72rem;
}