/**
 * Quizzman Quiz Editor — brand palette override (app-scoped).
 * Loaded after QMF tokens.css so Quiz Editor diverges from purple/AI defaults
 * without changing the shared QMF package.
 *
 * Brand  = indigo–blue foundation (#3F5EFB)
 * Accent = coral (#FF7A45) for CTAs / scores / achievements
 */

:root,
html[data-theme='light'] {
  color-scheme: light;
  /* Apple-style system UI font for chrome / functional controls */
  --qe-font-ui: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro Display',
    'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --qmf-font-sans: var(--qe-font-ui);

  --qmf-color-primary: #3f5efb;
  --qmf-color-primary-light: #7b93ff;
  --qmf-color-primary-dark: #3451e6;
  --qmf-color-primary-hover: #3451e6;
  --qmf-color-primary-gradient: linear-gradient(
    135deg,
    #3451e6 0%,
    #3f5efb 48%,
    #38bdf8 100%
  );

  --qe-color-accent: #ff7a45;
  --qe-color-accent-hover: #e86532;
  --qe-color-accent-light: #ffb088;
  --qe-color-accent-dark: #d45528;
  --qe-color-accent-gradient: linear-gradient(135deg, #ff7a45 0%, #ff9a5c 100%);

  --qmf-color-success: #22c55e;
  --qmf-color-success-light: #86efac;
  --qmf-color-success-dark: #15803d;
  --qmf-color-warning: #f59e0b;
  --qmf-color-warning-light: #fcd34d;
  --qmf-color-warning-dark: #b45309;
  --qmf-color-danger: #ef4444;
  --qmf-color-danger-light: #fca5a5;
  --qmf-color-danger-dark: #b91c1c;
  --qmf-color-info: #0ea5e9;
  --qmf-color-info-light: #7dd3fc;
  --qmf-color-info-dark: #0284c7;

  --qmf-bg-primary: #ffffff;
  --qmf-bg-secondary: #f7f9fc;
  --qmf-bg-tertiary: #eef2f7;
  --qmf-text-primary: #1e293b;
  --qmf-text-secondary: #475569;
  --qmf-text-muted: #94a3b8;
  --qmf-border-color: #e2e8f0;
  --qmf-border-focus: #3f5efb;
}

html[data-theme='dark'] {
  color-scheme: dark;
  --qmf-color-primary: #7b93ff;
  --qmf-color-primary-light: #a5b4ff;
  --qmf-color-primary-dark: #3f5efb;
  --qmf-color-primary-hover: #93a4ff;
  --qmf-color-primary-gradient: linear-gradient(
    135deg,
    #3f5efb 0%,
    #5b7cff 50%,
    #38bdf8 100%
  );

  --qe-color-accent: #ff8a5c;
  --qe-color-accent-hover: #ff7a45;
  --qe-color-accent-light: #ffc4a8;
  --qe-color-accent-dark: #e86532;
  --qe-color-accent-gradient: linear-gradient(135deg, #ff8a5c 0%, #ffb088 100%);

  --qmf-color-info: #38bdf8;
  --qmf-color-info-light: #7dd3fc;
  --qmf-color-info-dark: #0ea5e9;

  --qmf-bg-primary: #0f172a;
  --qmf-bg-secondary: #111827;
  --qmf-bg-tertiary: #1e293b;
  --qmf-text-primary: #f1f5f9;
  --qmf-text-secondary: #cbd5e1;
  --qmf-text-muted: #94a3b8;
  --qmf-border-color: #334155;
  --qmf-border-focus: #7b93ff;
}