/* ============================================
   Astromantika Relaunch 2026 Tokens
   Light-first, mobile-first, scoped to .rl-page
   ============================================ */

:root {
  color-scheme: light dark;
}

.rl-page {
  --rl-primary: #AF935B;
  --rl-primary-dark: #725B29;
  --rl-primary-soft: #E2C386;
  --rl-charcoal: #2D2D2D;
  --rl-ink: #1B1C1C;
  --rl-ivory: #F9F7F2;
  --rl-paper: #FBF9F8;
  --rl-surface: #FFFFFF;
  --rl-surface-muted: #F0EEEA;
  --rl-surface-soft: #F5F3F0;
  --rl-border: #D0C5B5;
  --rl-border-soft: #E5DED3;
  --rl-muted: #6B6B6B;
  --rl-muted-2: #8A8275;
  --rl-danger: #BA1A1A;

  --rl-font-serif: 'Noto Serif', Georgia, serif;
  --rl-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --rl-container: 1280px;
  --rl-page-x: clamp(20px, 4vw, 64px);
  --rl-section-y: clamp(56px, 8vw, 112px);
  --rl-gutter: clamp(20px, 3vw, 32px);
  --rl-radius: 4px;
  --rl-radius-lg: 12px;
  --rl-shadow: 0 24px 80px rgba(45, 45, 45, 0.08);
  --rl-shadow-soft: 0 12px 40px rgba(45, 45, 45, 0.06);

  min-height: 100vh;
  background: var(--rl-paper);
  color: var(--rl-ink);
  font-family: var(--rl-font-serif);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

html[data-rl-theme='dark'] .rl-page,
.rl-page.rl-dark {
  --rl-primary: #D2B16F;
  --rl-primary-dark: #E2C386;
  --rl-primary-soft: #7A643A;
  --rl-charcoal: #F4F0E8;
  --rl-ink: #F4F0E8;
  --rl-ivory: #171513;
  --rl-paper: #11100F;
  --rl-surface: #1A1816;
  --rl-surface-muted: #24211E;
  --rl-surface-soft: #1F1D1A;
  --rl-border: #4E4638;
  --rl-border-soft: #332E27;
  --rl-muted: #C9C1B3;
  --rl-muted-2: #A79E90;
  --rl-shadow: 0 24px 80px rgba(0, 0, 0, 0.28);
  --rl-shadow-soft: 0 12px 40px rgba(0, 0, 0, 0.22);
}