/* ============================================================
   ENREGINA — CSS VARIABLES & DESIGN TOKENS
   ============================================================
   Typography:   Cormorant Garamond (serif) + Jost (sans-serif)
   Source:       https://fonts.google.com/specimen/Cormorant+Garamond
                 https://fonts.google.com/specimen/Jost
   Load via:     <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&family=Jost:wght@300;400;500;600&display=swap" rel="stylesheet">
   ============================================================ */

:root {
  /* ── BRAND PALETTE ──────────────────────────────────────── */
  --forest:        #2C4A3E;   /* Primary brand — forest green  */
  --forest-light:  #3d6456;   /* Hover / active states         */
  --forest-pale:   #e8eeec;   /* Light tints, hover backgrounds*/
  --black:         #1A1A1A;   /* Headlines, structural elements*/
  --ivory:         #F7F4EF;   /* Primary background            */
  --ivory-dark:    #ede9e2;   /* Borders, alternate backgrounds*/
  --gold:          #BFA26A;   /* Accent — used sparingly       */
  --gold-light:    #d4b97e;   /* Gold on dark backgrounds      */
  --white:         #ffffff;   /* Cards, form areas             */
  --text-body:     #3a3a3a;   /* Body copy                     */
  --text-muted:    #7a7a7a;   /* Supporting copy, labels       */

  /* ── TYPOGRAPHY ─────────────────────────────────────────── */
  --serif:  'Cormorant Garamond', Georgia, serif;
  --sans:   'Jost', system-ui, sans-serif;

  /* ── SPACING SCALE ──────────────────────────────────────── */
  --space-xs:   8px;
  --space-sm:   16px;
  --space-md:   24px;
  --space-lg:   48px;
  --space-xl:   80px;
  --space-2xl:  120px;
  --space-3xl:  160px;

  /* ── SECTION PADDING ─────────────────────────────────────── */
  --section-pad-y:  clamp(72px, 10vw, 140px);
  --section-pad-x:  clamp(24px, 5vw, 80px);

  /* ── TRANSITIONS ─────────────────────────────────────────── */
  --transition:       0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --transition-fast:  0.22s ease;

  /* ── BORDERS & RADII ─────────────────────────────────────── */
  --border-color:   rgba(191, 162, 106, 0.25);
  --border-muted:   var(--ivory-dark);

  /* ── SHADOWS ─────────────────────────────────────────────── */
  --shadow-card:   0 2px 40px rgba(0, 0, 0, 0.06);
  --shadow-nav:    0 1px 0 var(--border-color);
}