/* ============================================================
   DESIGN TOKENS — Edit colours/fonts here per client theme
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Noto+Serif+Tamil:wght@400;600;700&family=DM+Sans:wght@300;400;500&display=swap');

:root {
  /* ── Brand Colours ── */
  --gold:         #B38F4F;
  --gold-lt:      #E8C87A;
  --gold-dk:      #7A4F10;
  --gold-pale:    #FBF4E4;
  --gold-bg:      #F7EDD2;

  --ink:          #1A1410;
  --ink2:         #3D2F22;
  --ink3:         #7A6550;

  --cream:        #FFFDF9;
  --cream2:       #F5EAC8;
  --off:          #FAFAF8;
  --white:        #FFFFFF;

  --border:       #E8DFC8;
  --border2:      #D4C5A0;

  --success:      #2A6A2A;
  --danger:       #C0392B;

  /* ── Typography ── */
  --font-serif:   'Cormorant Garamond', Georgia, serif;
  --font-tamil:   'Noto Serif Tamil', serif;
  --font-sans:    'DM Sans', system-ui, sans-serif;

  /* ── Spacing ── */
  --section-pad:  72px 32px;
  --card-pad:     28px 24px;
  --radius:       10px;
  --radius-lg:    16px;

  /* ── Shadows ── */
  --shadow-sm:    0 1px 3px rgba(26,20,16,0.06), 0 2px 8px rgba(26,20,16,0.04);
  --shadow-md:    0 2px 8px rgba(26,20,16,0.08), 0 8px 32px rgba(26,20,16,0.06);
  --shadow-lg:    0 4px 16px rgba(26,20,16,0.12), 0 16px 48px rgba(26,20,16,0.08);

  /* ── Transitions ── */
  --transition:   0.2s ease;

  /* ── Max widths ── */
  --max-w:        1140px;
  --max-w-sm:     760px;
}