/**
 * Appearance layer — skins & palettes (Customizer).
 * Tokens are injected via inline CSS on this handle (loaded last).
 */

body {
  background: var(--bg);
  color: var(--ink);
}

body.skin-technical :is(h1, h2, h3, h4, h5, h6) {
  font-family: var(--font-ui);
  font-weight: 600;
  letter-spacing: -0.02em;
}

body.palette-dark .navbar {
  background: color-mix(in srgb, var(--bg-card) 94%, transparent);
  border-bottom-color: var(--border);
}

body.palette-dark ::selection {
  background: var(--amber);
  color: var(--bg);
}

/* Sales landing: use theme tokens instead of legacy hardcoded nav */
body.publication-sdir .navbar,
body.page-template-page-home .navbar {
  background: color-mix(in srgb, var(--bg-card) 94%, transparent);
}

body.publication-sdir .hero__title,
body.page-template-page-home .hero__title {
  font-family: var(--font-display);
}

body.publication-sdir .hero::before,
body.page-template-page-home .hero::before {
  background: radial-gradient(ellipse, var(--amber-glow) 0%, transparent 65%);
}

body.theme-sdcourse {
  background: var(--surface, #ffffff);
  color: var(--body, #363737);
}