:root {
  color-scheme: dark;
  --page-bg: linear-gradient(180deg, #120d1d 0%, #1c1129 45%, #281531 100%);
  --surface-1: rgba(26, 17, 37, 0.96);
  --surface-2: rgba(43, 27, 57, 0.94);
  --surface-3: rgba(48, 29, 63, 0.5);
  --surface-card: rgba(30, 20, 42, 0.9);
  --surface-card-hover: rgba(48, 29, 62, 0.96);
  --surface-deep: rgba(16, 10, 24, 0.97);
  --surface-glass-strong: rgba(26, 17, 37, 0.97);
  --surface-glass-mid: rgba(43, 27, 57, 0.9);
  --surface-glass-soft: rgba(43, 27, 57, 0.5);
  --scrim-deep: rgba(16, 10, 24, 0.82);
  --scrim-mid: rgba(26, 17, 37, 0.5);
  --scrim-soft: rgba(26, 17, 37, 0.25);
  --shadow: 0 18px 40px rgba(8, 3, 16, 0.55);
  --shadow-deep: 0 20px 30px rgba(8, 3, 16, 0.5);
  --shadow-card: 0 6px 12px rgba(8, 3, 16, 0.4);
  --shadow-lift: 0 8px 20px rgba(8, 3, 16, 0.5);
  --shadow-hover: 0 12px 30px rgba(8, 3, 16, 0.55);
  --shadow-tint-deep: rgba(8, 3, 16, 0.5);
  --shadow-tint-card: rgba(8, 3, 16, 0.4);
  --shadow-tint-lift: rgba(8, 3, 16, 0.45);
  --text-strong: #fff3dc;
  --text-soft: #e2d5eb;
  --text-muted: #bbaac7;
  --text-faint: rgba(255, 243, 220, 0.07);
  --ink: #160d20;
  --accent-primary: #ffb35c;
  --accent-secondary: #b99aff;
  --accent-warm: #ff994e;
  --accent-gold: #ffd17a;
  --accent-soft: #c5b0ed;
  --accent-glow: rgba(255, 179, 92, 0.3);
  --accent-glow-strong: rgba(255, 179, 92, 0.48);
  --accent-warm-glow: rgba(255, 153, 78, 0.32);
  --accent-tint: rgba(255, 179, 92, 0.08);
  --accent-link-tint: rgba(255, 179, 92, 0.1);
  --focus-ring: #d7c2ff;
  --focus-glow: rgba(185, 154, 255, 0.45);
  --border-soft: rgba(231, 209, 255, 0.1);
  --border-mid: rgba(231, 209, 255, 0.16);
  --border-strong: rgba(231, 209, 255, 0.25);
  --border-accent: rgba(255, 179, 92, 0.6);
  --icon-light: #e6d7ff;
  --icon-dark: #8055ac;
  --icon-glow: rgba(185, 154, 255, 0.35);
  --theme-deep: var(--accent-secondary);
  --theme-dark: var(--text-strong);
  --theme-accent: var(--accent-primary);
  --snow: var(--surface-deep);
  --card: var(--surface-card);

  --spring-meadow: #120d1d;
  --spring-grove: #2b1b39;
  --spring-bloom: var(--accent-primary);
  --spring-petal: var(--text-strong);
  --spring-accent: var(--accent-warm);
}

body .rk-header {
  --theme-deep: #b99aff;
  --theme-dark: #fff3dc;
  --theme-accent: #ff994e;
  --rk-h-bg-strong: rgba(21, 13, 31, 0.98);
  --rk-h-bg-mid: rgba(34, 20, 47, 0.96);
  --rk-h-bg-soft: rgba(45, 26, 58, 0.92);
  --rk-h-text-strong: #fff3dc;
  --rk-h-text-soft: #e2d5eb;
  --rk-h-text-muted: #bbaac7;
  --rk-h-ink: #160d20;
  --rk-h-cta: #ffb35c;
  --rk-h-cta-hover: #ffd17a;
}
body .rk-header.is-scrolled {
  background: linear-gradient(90deg, rgba(21, 13, 31, .95), rgba(40, 23, 53, .94), rgba(21, 13, 31, .95));
}
body .rk-header .rk-cta { box-shadow: 0 4px 14px rgba(255, 153, 78, .25); }
body .rk-header .rk-cta:hover,
body .rk-header .rk-cta:focus-visible { box-shadow: 0 6px 20px rgba(255, 153, 78, .4); }
body .rk-mega-panel {
  background: linear-gradient(180deg, #2b1b39, #160d20);
  max-height: calc(100dvh - var(--rk-header-height, 108px) - 24px);
  overflow-y: auto;
  overscroll-behavior: contain;
}
body .rk-mega-col--feature {
  background: linear-gradient(160deg, rgba(255, 179, 92, .1), rgba(185, 154, 255, .08));
  border-color: rgba(255, 179, 92, .22);
}
html:root body .rk-footer {
  color: #e2d5eb;
  --theme-deep: #b99aff;
  --theme-accent: #ff994e;
  --text-strong: #fff3dc;
  --text-soft: #e2d5eb;
  --text-muted: #bbaac7;
  background: linear-gradient(90deg, #160d20, #281731, #160d20);
}
body .rk-footer-mark { display: block; width: 64px; height: 64px; object-fit: contain; margin-bottom: 14px; }

body .rk-chat-panel,
body .rk-chat-fab {
  color: #fff3dc;
  --text-strong: #fff3dc;
  --text-soft: #e2d5eb;
  --text-muted: #bbaac7;
  --accent-primary: #ffb35c;
  --accent-secondary: #b99aff;
  --accent-gold: #ffd17a;
  --ink: #160d20;
}

body .rk-cmdk {
  --rk-cmdk-bg: rgba(26, 17, 37, 0.98);
  --rk-cmdk-surface: rgba(185, 154, 255, 0.08);
  --rk-cmdk-border: rgba(231, 209, 255, 0.16);
  --rk-cmdk-border-hot: rgba(255, 179, 92, 0.6);
  --rk-cmdk-text-strong: #fff3dc;
  --rk-cmdk-text-soft: #e2d5eb;
  --rk-cmdk-text-muted: #bbaac7;
  --rk-cmdk-accent: #ffb35c;
}
body .rk-cmdk-backdrop { background: rgba(16, 10, 24, 0.72); }
body .rk-cmdk-item.is-active { background: rgba(255, 179, 92, 0.1); }
body .rk-cmdk-item mark { background: rgba(255, 179, 92, 0.2); }
body .rk-footer a:hover,
body .rk-footer a:focus-visible { color: #ffb35c; }
body .rk-hero { background: linear-gradient(135deg, #1c1129, #33203f 55%, #412345); }
body .rk-hero::before {
  background: radial-gradient(circle at 12% 18%, rgba(255, 179, 92, .19), transparent 42%),
    radial-gradient(circle at 88% 80%, rgba(185, 154, 255, .24), transparent 52%);
}
body .rk-hero::after { background-image: url('/assets/images/site/logo-halloween.webp'); opacity: .15; }
@media (max-width: 1024px) {
  body .rk-header .rk-nav { background: linear-gradient(180deg, #22142f, #120b1b); }
}

body.rk-products-page {
  --chapter-bg: #160d20;
  --chapter-accent: var(--accent-primary);
  --chapter-accent-soft: var(--accent-secondary);
  --chapter-text-strong: var(--text-strong);
  --chapter-text-soft: var(--text-soft);
  --chapter-text-muted: var(--text-muted);
}
body.rk-products-page .rk-chapter,
body.rk-products-page .rk-footer { background: #160d20; }
body.rk-products-page #chapter-2q,
body.rk-products-page #chapter-vitalquest,
body.rk-products-page #chapter-numera { background: linear-gradient(180deg, #160d20, #2b1937); }
body.rk-products-page #chapter-ffm,
body.rk-products-page #chapter-patchshepherd,
body.rk-products-page #chapter-keyboard-warrior { background: linear-gradient(180deg, #1c1129, #241631); }