/* Page-scheme surface variants (admin never gets these body classes).
   Dark family keeps body.fe-scheme-dark rules and only retints tokens. */

/* —— Slate: GitHub-like cool gray —— */
body.fe-scheme-dark.fe-scheme-slate {
  --fe-bg: #0d1117;
  --fe-bg-alt: #010409;
  --fe-card: #161b22;
  --fe-border: #30363d;
  --fe-text: #c9d1d9;
  --fe-text-muted: #8b949e;
  --lite-bg: #0d1117;
  --lite-bg-alt: #010409;
  --lite-card: #161b22;
  --lite-text: #c9d1d9;
  --fe-mkt-bg: #0d1117;
  --fe-mkt-bg-secondary: #010409;
  --fe-mkt-text: #c9d1d9;
  --fe-mkt-muted: #8b949e;
  --fe-mkt-surface: #161b22;
  --fe-mkt-border: #30363d;
  --bg-primary: #161b22;
  --bg-secondary: #010409;
  --text-primary: #c9d1d9;
  --text-secondary: #8b949e;
  --border-color: #30363d;
  --my-modal-surface: #161b22;
  --my-modal-surface-muted: #010409;
  --my-modal-border: #30363d;
  --my-modal-text: #c9d1d9;
  --my-modal-text-muted: #8b949e;
  --my-modal-grad-a: #1c2330;
  --my-modal-grad-b: #010409;
}

/* —— Midnight: deep navy —— */
body.fe-scheme-dark.fe-scheme-midnight {
  --fe-bg: #0b1220;
  --fe-bg-alt: #070b14;
  --fe-card: #111827;
  --fe-border: #1e3a5f;
  --fe-text: #dbe7f3;
  --fe-text-muted: #8ba3bc;
  --lite-bg: #0b1220;
  --lite-bg-alt: #070b14;
  --lite-card: #111827;
  --lite-text: #dbe7f3;
  --fe-mkt-bg: #0b1220;
  --fe-mkt-bg-secondary: #070b14;
  --fe-mkt-text: #dbe7f3;
  --fe-mkt-muted: #93a4b8;
  --fe-mkt-surface: #111827;
  --fe-mkt-border: #1e3a5f;
  --bg-primary: #111827;
  --bg-secondary: #070b14;
  --text-primary: #dbe7f3;
  --text-secondary: #8ba3bc;
  --border-color: #1e3a5f;
  --my-modal-surface: #111827;
  --my-modal-surface-muted: #070b14;
  --my-modal-border: #1e3a5f;
  --my-modal-text: #dbe7f3;
  --my-modal-text-muted: #8ba3bc;
  --my-modal-grad-a: #15233a;
  --my-modal-grad-b: #070b14;
}

/* —— Warm: stone / ink —— */
body.fe-scheme-dark.fe-scheme-warm {
  --fe-bg: #1c1917;
  --fe-bg-alt: #0c0a09;
  --fe-card: #292524;
  --fe-border: #44403c;
  --fe-text: #e7e5e4;
  --fe-text-muted: #a8a29e;
  --lite-bg: #1c1917;
  --lite-bg-alt: #0c0a09;
  --lite-card: #292524;
  --lite-text: #e7e5e4;
  --fe-mkt-bg: #1c1917;
  --fe-mkt-bg-secondary: #0c0a09;
  --fe-mkt-text: #e7e5e4;
  --fe-mkt-muted: #a8a29e;
  --fe-mkt-surface: #292524;
  --fe-mkt-border: #44403c;
  --bg-primary: #292524;
  --bg-secondary: #0c0a09;
  --text-primary: #e7e5e4;
  --text-secondary: #a8a29e;
  --border-color: #44403c;
  --my-modal-surface: #292524;
  --my-modal-surface-muted: #0c0a09;
  --my-modal-border: #44403c;
  --my-modal-text: #e7e5e4;
  --my-modal-text-muted: #a8a29e;
  --my-modal-grad-a: #322c29;
  --my-modal-grad-b: #0c0a09;
}

/* —— Forest: pine night —— */
body.fe-scheme-dark.fe-scheme-forest {
  --fe-bg: #0c1410;
  --fe-bg-alt: #08100c;
  --fe-card: #15201a;
  --fe-border: #1e3a2f;
  --fe-text: #d8e6dc;
  --fe-text-muted: #8aa396;
  --lite-bg: #0c1410;
  --lite-bg-alt: #08100c;
  --lite-card: #15201a;
  --lite-text: #d8e6dc;
  --fe-mkt-bg: #0c1410;
  --fe-mkt-bg-secondary: #08100c;
  --fe-mkt-text: #d8e6dc;
  --fe-mkt-muted: #8aa394;
  --fe-mkt-surface: #15201a;
  --fe-mkt-border: #1e3a2f;
  --bg-primary: #15201a;
  --bg-secondary: #08100c;
  --text-primary: #d8e6dc;
  --text-secondary: #8aa396;
  --border-color: #1e3a2f;
  --my-modal-surface: #15201a;
  --my-modal-surface-muted: #08100c;
  --my-modal-border: #1e3a2f;
  --my-modal-text: #d8e6dc;
  --my-modal-text-muted: #8aa396;
  --my-modal-grad-a: #1a2b22;
  --my-modal-grad-b: #08100c;
}

/* —— Paper: warm off-white (light family, no fe-scheme-dark) —— */
body.fe-scheme-paper {
  --fe-bg: #f3eee4;
  --fe-bg-alt: #ebe4d6;
  --fe-card: #fffaf2;
  --fe-border: #e4d9c4;
  --fe-text: #3f3a32;
  --fe-text-muted: #7a7268;
  --lite-bg: #f3eee4;
  --lite-bg-alt: #ebe4d6;
  --lite-card: #fffaf2;
  --lite-text: #3f3a32;
  --fe-mkt-bg: #f3eee4;
  --fe-mkt-bg-secondary: #ebe4d6;
  --fe-mkt-text: #3f3a32;
  --fe-mkt-muted: #7a7268;
  --fe-mkt-surface: #fffaf2;
  --fe-mkt-border: #e4d9c4;
  --bg-primary: #fffaf2;
  --bg-secondary: #ebe4d6;
  --text-primary: #3f3a32;
  --text-secondary: #7a7268;
  --border-color: #e4d9c4;
  color: var(--fe-text);
  background: var(--fe-bg);
}

html:has(body.fe-scheme-paper) {
  background: var(--fe-bg);
}

body.fe-scheme-paper.page-home,
body.fe-scheme-paper.page-login,
body.fe-scheme-paper.page-auth,
body.fe-scheme-paper.page-vip,
body.fe-scheme-paper.page-help,
body.fe-scheme-paper.page-terms,
body.fe-scheme-paper.page-privacy,
body.fe-scheme-paper.page-contact,
body.fe-scheme-paper.page-about,
body.fe-scheme-paper.page-client,
body.fe-scheme-paper.page-stub,
body.fe-scheme-paper.page-not-found,
body.fe-scheme-paper.fe-marketing,
body.fe-scheme-paper.fe-lite-home,
body.fe-scheme-paper.fe-lite-share,
body.fe-scheme-paper.page-share-body,
body.fe-scheme-paper.page-panel {
  background: var(--fe-bg);
  color: var(--fe-text);
}

body.fe-scheme-paper.page-panel:not(.page-admin) .fe-user-layout,
body.fe-scheme-paper.page-panel:not(.page-admin) .fe-maincol,
body.fe-scheme-paper.page-panel:not(.page-admin) .fe-content {
  background: var(--fe-bg);
  box-shadow: none;
}

body.fe-scheme-paper .fe-card,
body.fe-scheme-paper .fe-content .fe-card {
  background: var(--fe-card);
  border-color: var(--fe-border);
}

body.fe-scheme-paper.page-panel:not(.page-admin) .fe-sidebar {
  background: linear-gradient(180deg, #ebe4d6 0%, #e6dece 55%, #f3eee4 100%);
  border-color: var(--fe-border);
}

body.fe-scheme-paper footer,
body.fe-scheme-paper .fe-site-footer,
body.fe-scheme-paper .lite-footer {
  background: var(--fe-bg-alt);
  color: var(--fe-text-muted);
  border-top-color: var(--fe-border);
}