/* Design tokens — colors, fonts, easing curves */

:root {
  --espresso: #150f0b;
  --espresso-mid: #1f1712;
  --surface: #2a2019;
  --surface-hi: #352a21;
  --cream: #f7f1e6;
  --cream-dim: rgba(247, 241, 230, 0.6);
  --cream-faint: rgba(247, 241, 230, 0.36);
  --gold: #c7a059;
  --gold-soft: #e8c98b;
  --gold-deep: #a88546;
  --berry: #ad5468;
  --sage: #93a17e;
  --vanilla: #f0dcb4;
  --pistachio: #a8b683;
  --passion: #d88e9c;
  --line: rgba(247, 241, 230, 0.1);
  --line-soft: rgba(247, 241, 230, 0.06);
  --serif: "Fraunces", serif;
  --sans: "Plus Jakarta Sans", sans-serif;
  --ease: cubic-bezier(0.16, 0.8, 0.24, 1);
  --ease-out: cubic-bezier(0.22, 0.9, 0.3, 1);
  /* Real values are measured and kept in sync by js/menu-rail.js; these
     are just sane fallbacks for the instant before that first runs. */
  --nav-h: 64px;
  --rail-mobile-h: 0px;
}