/* ============================================
   RUSSKIVERSE — DESIGN TOKENS
   Theme: Russian Winter / Modern Moscow / Fluent Glass
   ============================================ */

:root {
  /* ---- Color: Russian Winter Palette ---- */
  --rv-midnight:        #0B1E3D;   /* primary */
  --rv-midnight-2:      #142A52;
  --rv-snow:            #F7F9FC;   /* secondary */
  --rv-crimson:         #C41E3A;   /* accent */
  --rv-crimson-2:       #E23F58;
  --rv-steel:           #5A6472;   /* neutral */
  --rv-steel-2:         #8B94A3;
  --rv-ice:             #A9D6E5;   /* highlight */
  --rv-ice-2:           #D5EEF5;
  --rv-gold:            #C9A227;   /* onion-dome gold, used sparingly for XP/achievements */
  --rv-crimson-glow:    #FF4D6D;

  /* ---- Signature gradient (hero, rings, badges) ---- */
  --rv-gradient-hero: linear-gradient(135deg, #0B1E3D 0%, #142A52 55%, #3A1220 100%);
  --rv-gradient-cta:  linear-gradient(135deg, var(--rv-crimson) 0%, var(--rv-crimson-glow) 100%);
  --rv-gradient-gold: linear-gradient(135deg, #C9A227 0%, #E8C766 100%);
  --rv-glow-ice:   0 0 24px rgba(169, 214, 229, 0.45);
  --rv-glow-crimson: 0 0 24px rgba(196, 30, 58, 0.4);

  /* ---- Light theme surfaces ---- */
  --rv-bg:              #F4F7FB;
  --rv-bg-elevated:     #FFFFFF;
  --rv-glass:           rgba(255, 255, 255, 0.55);
  --rv-glass-border:    rgba(255, 255, 255, 0.75);
  --rv-text-primary:    #0B1220;
  --rv-text-secondary:  #4B5568;
  --rv-text-muted:      #8B94A3;
  --rv-shadow:          0 8px 30px rgba(11, 30, 61, 0.10);
  --rv-shadow-lg:       0 20px 60px rgba(11, 30, 61, 0.18);

  /* ---- Dark theme overrides (applied via [data-theme="dark"]) ---- */
  --rv-dark-bg:             #06101F;
  --rv-dark-bg-elevated:    #0E1D33;
  --rv-dark-glass:          rgba(20, 42, 82, 0.45);
  --rv-dark-glass-border:   rgba(169, 214, 229, 0.14);
  --rv-dark-text-primary:   #F2F6FB;
  --rv-dark-text-secondary: #A9B4C4;
  --rv-dark-text-muted:     #6B7686;

  /* ---- Typography ----
     Display: 'Unbounded' — geometric, constructivist echo of Moscow architecture,
     supports Cyrillic natively (avoids a bolted-on Cyrillic-only fallback face).
     Body: 'Inter' — neutral workhorse, excellent Cyrillic hinting at small sizes.
     Mono/Data: 'JetBrains Mono' — for stress marks, pronunciation, CEFR tags. */
  --rv-font-display: 'Unbounded', 'Manrope', sans-serif;
  --rv-font-body:    'Inter', -apple-system, 'Segoe UI', sans-serif;
  --rv-font-mono:    'JetBrains Mono', 'Courier New', monospace;

  --rv-fs-xs:   0.72rem;
  --rv-fs-sm:   0.85rem;
  --rv-fs-base: 1rem;
  --rv-fs-md:   1.15rem;
  --rv-fs-lg:   1.5rem;
  --rv-fs-xl:   2rem;
  --rv-fs-2xl:  2.75rem;

  /* ---- Radius & Spacing ---- */
  --rv-radius-sm: 12px;
  --rv-radius-md: 20px;
  --rv-radius-lg: 28px;
  --rv-radius-full: 999px;

  --rv-space-1: 4px;
  --rv-space-2: 8px;
  --rv-space-3: 12px;
  --rv-space-4: 16px;
  --rv-space-5: 24px;
  --rv-space-6: 32px;
  --rv-space-7: 48px;

  /* ---- Motion ---- */
  --rv-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --rv-dur-fast: 160ms;
  --rv-dur-base: 280ms;
  --rv-dur-slow: 560ms;

  /* ---- Blur ---- */
  --rv-blur-sm: blur(10px);
  --rv-blur-md: blur(20px);
  --rv-blur-lg: blur(36px);
}

[data-theme="dark"] {
  --rv-bg: var(--rv-dark-bg);
  --rv-bg-elevated: var(--rv-dark-bg-elevated);
  --rv-glass: var(--rv-dark-glass);
  --rv-glass-border: var(--rv-dark-glass-border);
  --rv-text-primary: var(--rv-dark-text-primary);
  --rv-text-secondary: var(--rv-dark-text-secondary);
  --rv-text-muted: var(--rv-dark-text-muted);
  --rv-shadow: 0 8px 30px rgba(0, 0, 0, 0.35);
  --rv-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.5);
}