/* LearnCraft LMS — Frontend Theme Presets
 * Each block is a pure variable-override layer on top of public.css's :root
 * defaults, activated by the `lc-theme-{slug}` body class (see
 * LC_Public::add_theme_body_class(), driven by the `lms_frontend_theme` option).
 * `custom` is an intentional no-op — the site owner's manual color pickers
 * (Settings → Color Palette) remain in full effect in that mode.
 */

body.lc-theme-custom { /* no-op — manual colors from Settings own the palette */ }

/* ── Slate Professional — light, cool neutral, navy sidebar ─────────────── */
body.lc-theme-slate {
  --lc-primary:    #2f6fed;
  --lc-secondary:  #4f46e5;
  --lc-primary-hover: #2457c9;
  --lc-accent:     #f59e0b;

  --lc-page-bg:       #eef1f6;
  --lc-surface:       #ffffff;
  --lc-surface-alt:   #f6f8fb;
  --lc-surface-hover: #eef1f6;

  --lc-sb-bg:      #101a2c;
  --lc-sb-hover:   #1c2c48;
  --lc-sb-active:  #2457c9;
  --lc-sb-text:    #90a0bf;
  --lc-sb-heading: #ffffff;

  --lc-hero-from:  #101a2c;
  --lc-hero-to:    #1c3a6c;
}

/* ── Soft Elevated — warm off-white, rounded cards, LIGHT sidebar ────────── */
body.lc-theme-soft {
  --lc-primary:       #e07a3f;
  --lc-primary-hover: #c8632c;
  --lc-secondary:     #f2994a;
  --lc-accent:        #d1a13a;
  --lc-success:       #4c9a72;
  --lc-warning:       #d1a13a;
  --lc-danger:        #c8586a;

  --lc-dark:   #2b2620;
  --lc-light:  #fbf9f5;
  --lc-border: #ece6da;
  --lc-text:   #4a4438;
  --lc-muted:  #8a8171;

  --lc-page-bg:       #f7f4ef;
  --lc-surface:       #ffffff;
  --lc-surface-alt:   #fbf9f5;
  --lc-surface-hover: #f3efe6;

  /* Light sidebar — the structural departure from the other 3 presets */
  --lc-sb-bg:      #ffffff;
  --lc-sb-hover:   #f3efe6;
  --lc-sb-active:  #fdf1e4;
  --lc-sb-text:    #7d7566;
  --lc-sb-heading: #2b2620;
  --lc-sb-border:      rgba(43,38,32,.08);
  --lc-sb-scrollbar:       rgba(43,38,32,.15);
  --lc-sb-scrollbar-hover: rgba(43,38,32,.3);
  --lc-sb-accent-bar:  #e07a3f;
  --lc-sb-avatar-ring: rgba(43,38,32,.1);

  --lc-hero-from: #4a3826;
  --lc-hero-to:   #8a5a2e;

  --lc-tint-primary-bg:   #fdead9; --lc-tint-primary-fg:   #b85c26;
  --lc-tint-success-bg:   #e7f3ec; --lc-tint-success-fg:   #3d7d5c;
  --lc-tint-warning-bg:   #faf1dd; --lc-tint-warning-fg:   #97771f;
  --lc-tint-danger-bg:    #f8e6e9; --lc-tint-danger-fg:    #a8465a;
  --lc-tint-info-bg:      #eef2f6; --lc-tint-info-fg:      #4f6b85;
  --lc-tint-secondary-bg: #f3efe6; --lc-tint-secondary-fg: #8a8171;
  --lc-tint-purple-bg:    #f1ecf7; --lc-tint-purple-fg:    #7c5e9e;
}
/* Light-sidebar text needs inverted hover/logout logic — a variable swap alone
   can't fix these since the base rules hardcode literal colors. */
body.lc-theme-soft .lc-snav-item:hover { color: var(--lc-sb-heading); }
body.lc-theme-soft .lc-sidebar-nav-label { color: rgba(43,38,32,.4); }
body.lc-theme-soft .lc-snav-logout { color: var(--lc-tint-danger-fg) !important; }
body.lc-theme-soft .lc-snav-logout:hover { background: var(--lc-tint-danger-bg) !important; color: var(--lc-tint-danger-fg) !important; }

/* ── Ink & Amber — warm charcoal, brass accent, serif headings ───────────── */
body.lc-theme-ink {
  --lc-primary:       #c9973f;
  --lc-primary-hover: #a97b2e;
  --lc-secondary:     #b4552f;
  --lc-accent:        #c9973f;
  --lc-success:       #7fae6f;
  --lc-warning:       #d3a24a;
  --lc-danger:        #c46a5e;

  --lc-dark:   #f3e6c8;
  --lc-light:  #251f1b;
  --lc-border: #3a3128;
  --lc-text:   #ede3d1;
  --lc-muted:  #9f9078;

  --lc-page-bg:       #211c18;
  --lc-surface:       #2a2420;
  --lc-surface-alt:   #251f1b;
  --lc-surface-hover: #2f2822;

  --lc-sb-bg:      #18130f;
  --lc-sb-hover:   #2c2016;
  --lc-sb-active:  #35271a;
  --lc-sb-text:    #b7a891;
  --lc-sb-heading: #f3e6c8;
  --lc-sb-border:      rgba(201,151,63,.12);
  --lc-sb-scrollbar:       rgba(201,151,63,.2);
  --lc-sb-scrollbar-hover: rgba(201,151,63,.35);
  --lc-sb-accent-bar:  #c9973f;
  --lc-sb-avatar-ring: rgba(201,151,63,.25);

  --lc-hero-from: #1c150e;
  --lc-hero-to:   #4a3418;

  --lc-tint-primary-bg:   rgba(201,151,63,.14); --lc-tint-primary-fg:   #c9973f;
  --lc-tint-success-bg:   rgba(127,174,111,.14); --lc-tint-success-fg:  #7fae6f;
  --lc-tint-warning-bg:   rgba(211,162,74,.16);  --lc-tint-warning-fg:  #d3a24a;
  --lc-tint-danger-bg:    rgba(196,106,94,.16);  --lc-tint-danger-fg:   #c46a5e;
  --lc-tint-info-bg:      rgba(157,178,199,.14); --lc-tint-info-fg:     #9db2c7;
  --lc-tint-secondary-bg: rgba(159,144,120,.14); --lc-tint-secondary-fg:#9f9078;
  --lc-tint-purple-bg:    rgba(180,85,47,.16);   --lc-tint-purple-fg:   #b4552f;

  --lc-font-heading: ui-serif, Georgia, "Iowan Old Style", serif;
}
body.lc-theme-ink .lc-hero-title, body.lc-theme-ink .lc-course-title, body.lc-theme-ink .lc-panel-title,
body.lc-theme-ink .lc-dash-course-title, body.lc-theme-ink .lc-lesson-title, body.lc-theme-ink .lc-welcome-name,
body.lc-theme-ink .lc-quiz-header h1, body.lc-theme-ink .lc-profile-title, body.lc-theme-ink .lc-auth-site-name,
body.lc-theme-ink .lc-sidebar-brand-name {
  font-family: var(--lc-font-heading);
}

/* ── Midnight Contrast — near-black, cyan accent, tabular data ───────────── */
body.lc-theme-midnight {
  --lc-primary:       #0891b2;
  --lc-primary-hover: #0e7490;
  --lc-secondary:     #38bdf8;
  --lc-accent:        #fbbf24;
  --lc-success:       #34d399;
  --lc-warning:       #fbbf24;
  --lc-danger:        #fb7185;

  --lc-dark:   #e7ecf7;
  --lc-light:  #161a24;
  --lc-border: rgba(255,255,255,.08);
  --lc-text:   #c7ccd6;
  --lc-muted:  #7d8aa3;

  --lc-page-bg:       #090b10;
  --lc-surface:       #10131b;
  --lc-surface-alt:   #0d0f16;
  --lc-surface-hover: #161a24;

  --lc-sb-bg:      #0b0d13;
  --lc-sb-hover:   #161b28;
  --lc-sb-active:  #133544;
  --lc-sb-text:    #7d8aa3;
  --lc-sb-heading: #e7ecf7;
  --lc-sb-border:      rgba(255,255,255,.06);
  --lc-sb-accent-bar:  #22d3ee;
  --lc-sb-avatar-ring: rgba(255,255,255,.12);

  --lc-hero-from: #0b1220;
  --lc-hero-to:   #0e2a35;

  --lc-tint-primary-bg:   rgba(34,211,238,.12);  --lc-tint-primary-fg:   #22d3ee;
  --lc-tint-success-bg:   rgba(52,211,153,.12);  --lc-tint-success-fg:   #34d399;
  --lc-tint-warning-bg:   rgba(251,191,36,.14);  --lc-tint-warning-fg:   #fbbf24;
  --lc-tint-danger-bg:    rgba(251,113,133,.14); --lc-tint-danger-fg:    #fb7185;
  --lc-tint-info-bg:      rgba(56,189,248,.12);  --lc-tint-info-fg:      #38bdf8;
  --lc-tint-secondary-bg: rgba(148,163,184,.12); --lc-tint-secondary-fg: #94a3b8;
  --lc-tint-purple-bg:    rgba(167,139,250,.14); --lc-tint-purple-fg:    #a78bfa;

  --lc-font-numeric: ui-monospace, "SF Mono", "Cascadia Mono", Consolas, monospace;
}
body.lc-theme-midnight .lc-snav-item:hover { color: #cbd5e1; }
body.lc-theme-midnight .lc-notif-item.unread { background: rgba(34,211,238,.08); }
body.lc-theme-midnight .lc-option-label.correct  { background: rgba(52,211,153,.12); }
body.lc-theme-midnight .lc-option-label.incorrect { background: rgba(251,113,133,.12); }
body.lc-theme-midnight .lc-option-label.selected,
body.lc-theme-midnight .lc-option-label:hover { background: rgba(8,145,178,.12); }