/* =============================================================================
   Rasaanubhav — Design Tokens
   -----------------------------------------------------------------------------
   PALETTE A — "Rasa Warm" is the DEFAULT and is active below in :root.
   PALETTE B — "Founding Edition / Plum" is provided as a fully-specified,
   COMMENTED alternate block. To switch the ENTIRE site to Palette B, comment out
   the Palette A color block in :root and uncomment the Palette B block. (The
   BRAND_PALETTE env var also adds a class hook — see app.css / layout.)

   Banned aesthetics (enforced in design): no neon pink / candy red, no
   electric-purple gradients, no clinical white-on-white, no leather-and-chain
   clichés, no Western "dungeon" imagery, no body stock photos, no sacred symbols
   as decoration. Beauty, not explicitness.
   ============================================================================= */

:root {
  /* ---------------------------------------------------------------------------
     PALETTE A — RASA WARM (DEFAULT)
     --------------------------------------------------------------------------- */
  --rasa-cream:      #F5EFE0; /* Default background. Protect negative space.     */
  --rasa-parchment:  #E8DCC8; /* Cards, glossary blocks, resource containers.    */
  --rasa-crimson:    #8B2635; /* Primary accent + main CTAs. Use sparingly.      */
  --rasa-saffron:    #C47B2B; /* Highlights, pull quotes, progress markers.      */
  --rasa-forest:     #2D4A3E; /* Rules, footer, safety/structure, trust buttons. */
  --rasa-charcoal:   #2A2A2A; /* Body text. Never pure black.                    */
  --rasa-dust:       #9E8E7E; /* Metadata, captions, secondary labels.           */

  /* Semantic roles (map raw palette -> meaning; the rest of the CSS uses these) */
  --color-bg:           var(--rasa-cream);
  --color-surface:      var(--rasa-parchment);
  --color-surface-2:    #EFE6D6;
  --color-ink:          var(--rasa-charcoal);
  --color-ink-soft:     #4A463F;
  --color-muted:        var(--rasa-dust);
  --color-accent:       var(--rasa-crimson);  /* emotional / CTA charge          */
  --color-accent-ink:   #FBF6EC;              /* text on accent                  */
  --color-highlight:    var(--rasa-saffron);  /* curiosity                       */
  --color-structure:    var(--rasa-forest);   /* safety / grounding / footer     */
  --color-structure-ink:#EAF0EC;
  --color-line:         #D8C9B0;              /* hairline rules                  */
  --color-link:         var(--rasa-crimson);
  --color-link-hover:   #6F1D2A;
  --color-focus:        var(--rasa-forest);

  /* ---------------------------------------------------------------------------
     PALETTE B — FOUNDING EDITION / PLUM  (commented alternate)
     To activate: comment out the Palette A "Semantic roles" above and uncomment
     this whole block. Raw + semantic together so one toggle switches the site.

  --plum:         #3D1A3E;   // Primary; headings, hero backgrounds.
  --warm-crimson: #B5294E;   // Accent / CTAs.
  --dust-rose:    #D4A0A0;   // Secondary; dividers, soft context.
  --sandstone:    #F0E8DC;   // Background (never stark white).
  --temple-gold:  #C9963B;   // Premium badges, founder callouts.

  --color-bg:            var(--sandstone);
  --color-surface:       #E9DECE;
  --color-surface-2:     #F0E8DC;
  --color-ink:           #2A2230;
  --color-ink-soft:      #4B3C50;
  --color-muted:         #8E7C86;
  --color-accent:        var(--warm-crimson);
  --color-accent-ink:    #FBF3F2;
  --color-highlight:     var(--temple-gold);
  --color-structure:     var(--plum);
  --color-structure-ink: #F2E9F0;
  --color-line:          var(--dust-rose);
  --color-link:          var(--warm-crimson);
  --color-link-hover:    #8E1F3D;
  --color-focus:         var(--plum);
  --------------------------------------------------------------------------- */

  /* ---------------------------------------------------------------------------
     TYPOGRAPHY
     Display: Cormorant Garamond · Body: EB Garamond · UI: Jost (Medium 500)
     Documented alternate (NLP doc): Inter for body/UI — commented fallback.
     --------------------------------------------------------------------------- */
  --font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-body:    "EB Garamond", Georgia, "Times New Roman", serif;
  --font-ui:      "Jost", "Helvetica Neue", Arial, sans-serif;
  --font-deva:    "Cormorant Garamond", "Noto Serif Devanagari", serif;
  /* Alternate UI/body (documented): --font-body / --font-ui: "Inter", sans-serif; */

  /* Fluid type scale (mobile-first; clamps to comfortable reading widths) */
  --step--1: clamp(0.83rem, 0.78rem + 0.2vw, 0.92rem);
  --step-0:  clamp(1.05rem, 1.0rem + 0.25vw, 1.18rem);
  --step-1:  clamp(1.3rem, 1.2rem + 0.5vw, 1.6rem);
  --step-2:  clamp(1.65rem, 1.45rem + 1vw, 2.2rem);
  --step-3:  clamp(2.1rem, 1.7rem + 2vw, 3.1rem);
  --step-4:  clamp(2.6rem, 2.0rem + 3.4vw, 4.4rem);

  --leading-tight: 1.12;
  --leading-snug:  1.3;
  --leading-body:  1.7;

  /* ---------------------------------------------------------------------------
     SPACE / RADIUS / SHADOW / LAYOUT
     --------------------------------------------------------------------------- */
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs:  0.75rem;
  --space-s:   1rem;
  --space-m:   1.5rem;
  --space-l:   2.5rem;
  --space-xl:  4rem;
  --space-2xl: 6rem;

  --radius-s: 4px;
  --radius-m: 8px;
  --radius-l: 16px;

  --shadow-soft: 0 1px 2px rgba(42, 42, 42, 0.06), 0 8px 24px rgba(42, 42, 42, 0.06);
  --shadow-card: 0 1px 2px rgba(42, 42, 42, 0.05), 0 12px 30px rgba(45, 74, 62, 0.08);

  --measure: 68ch;          /* readable line length for long-form */
  --container: 72rem;       /* max site width */
  --container-narrow: 46rem;

  --transition: 180ms ease;
}

/* Respect reduced-motion users. */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}