/* ============================================================
   ROYAL TERRACOTTA — Design Tokens
   ============================================================ */
:root {
  --clay:         #d8b08c;
  --deep:         #5a3e2b;
  --gold:         #c89b6d;
  --gold-bright:  #e8c07a;
  --cream:        #f5e6d3;
  --dark:         #1a0f08;
  --dark-mid:     #2a1a0e;
  --dark-soft:    #3d2416;
  --green:        #2d5a27;
  --wa:           #25d366;
  --wa-dark:      #1da851;
  --white:        #ffffff;

  --font-display: 'Playfair Display', Georgia, serif;
  --font-body:    'Cormorant Garamond', Georgia, serif;
  --font-ui:      'Montserrat', Arial, sans-serif;

  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);
  --ease-io:     cubic-bezier(0.45, 0, 0.55, 1);

  --nav-h: 76px;
  --max-w: 1200px;
  --pad-h: 60px;
}

@media (max-width: 768px) {
  :root { --nav-h: 60px; --pad-h: 24px; }
}