/* ═══════════════════════════════════════════════════════════════
   DULHAN FAMILY — Design Tokens
   Palette drawn from the bronze-brown medallion logo
   ═══════════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,300;1,9..40,400&family=Tiro+Devanagari:ital@0;1&family=Hind:wght@400;500;600;700&display=swap');

:root {
  /* Core palette */
  --maroon:       #5C1A1A;
  --maroon-deep:  #3A0F0F;
  --maroon-mid:   #7B2828;
  --maroon-glow:  rgba(92,26,26,0.22);
  --copper:       #8B4513;
  --copper-light: #B5622E;
  --gold:         #C9902A;
  --gold-light:   #E4B84A;
  --gold-deep:    #9A6B0A;
  --gold-pale:    #F0D8A0;
  --ivory:        #FAF4E4;
  --ivory-2:      #F5EDDA;
  --ivory-3:      #EDE0C4;
  --parchment:    #E8D5A8;
  --ink:          #1A0A00;
  --ink-2:        #3D1C00;
  --ink-3:        #6B3820;
  --ink-4:        #9C6840;
  --white-warm:   #FFFDF7;

  /* Semantic */
  --bg:           var(--ivory);
  --surface:      var(--white-warm);
  --surface-2:    var(--ivory-2);
  --surface-3:    var(--ivory-3);
  --brand:        var(--maroon);
  --brand-dark:   var(--maroon-deep);
  --brand-light:  #E8C8C8;
  --accent:       var(--gold);
  --accent-light: var(--gold-light);
  --txt-1:        var(--ink);
  --txt-2:        var(--ink-2);
  --txt-3:        var(--ink-3);
  --txt-4:        var(--ink-4);
  --border:       var(--parchment);
  --border-2:     #D4B880;

  /* Shadows */
  --shadow-xs: 0 1px 3px rgba(26,10,0,0.07);
  --shadow-sm: 0 2px 8px rgba(26,10,0,0.09);
  --shadow-md: 0 4px 20px rgba(26,10,0,0.11);
  --shadow-lg: 0 8px 40px rgba(26,10,0,0.14);
  --shadow-xl: 0 16px 64px rgba(26,10,0,0.18);
  --shadow-gold: 0 4px 24px rgba(201,144,42,0.30);
  --shadow-brand: 0 4px 24px rgba(92,26,26,0.28);

  /* Radius */
  --r-xs:   4px;
  --r-sm:   8px;
  --r-md:   14px;
  --r-lg:   24px;
  --r-xl:   36px;
  --r-pill: 999px;

  /* Typography */
  --ff-display:    'Cormorant Garamond', serif;
  --ff-body:       'DM Sans', sans-serif;
  --ff-hindi:      'Hind', sans-serif;

  /* Spacing */
  --nav-h:         72px;
  --announce-h:    36px;
  --total-nav-h:   calc(var(--nav-h) + var(--announce-h));

  /* Transitions */
  --ease:      cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out:  cubic-bezier(0, 0, 0.2, 1);
  --ease-in:   cubic-bezier(0.4, 0, 1, 1);
  --ease-back: cubic-bezier(0.34, 1.56, 0.64, 1);
  --t-fast:    180ms var(--ease);
  --t-base:    280ms var(--ease);
  --t-slow:    480ms var(--ease);

  /* Ornament helpers */
  --orn-color:  var(--gold);
  --orn-fade:   rgba(201,144,42,0.14);
  --orn-fade-2: rgba(201,144,42,0.06);
}