/* Layer 6 — Yajarchana design tokens. Montserrat across UI and display headings. */
:root {
  --bg: #f7f1e6;
  --header: #2b120c;
  --header-ink: #f4e6c8;
  --text: #2a1a12;
  --muted: #7a5a45;
  --gold: #c9a227;
  --gold-soft: #e8d5a3;
  --saffron: #c45c26;
  --saffron-hover: #a84b1c;
  --maroon: #6b1d1d;
  --maroon-deep: #3a1010;
  --strip: #1c0c08;
  --border: #e4d4bd;
  --card: #fffdf8;
  --cream: #fbf6ec;
  --photo-frame: #ebe3d0;
  --photo-frame-deep: #ddd0b4;
  --shadow: 0 10px 28px rgba(43, 18, 12, 0.12);
  --radius: 14px;
  --font: "Montserrat", "Segoe UI", system-ui, sans-serif;
  --display: "Montserrat", "Segoe UI", system-ui, sans-serif;
  /* Ritual scroll overrides these inside .ritual-detail--lovable (ritual-lovable.css) */
  --ritual-font: "Manrope", "Segoe UI", system-ui, sans-serif;
  --ritual-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --danger: #9b1c1c;
  --ok: #2f6b3a;
}

html,
body,
button,
input,
select,
textarea {
  font-family: var(--font);
}