/*!
 * PRANA — design tokens: colour, typography, spacing, easing
 * Part of the PRANA child theme. Values are taken from the approved website design.
 * Do not edit design tokens here for one-off changes: use Elementor Global Styles,
 * or add a page-level override in 06-overrides.css.
 */

/* ============ TOKENS ============ */
:root{
  --green:#0D3329; --green-deep:#08211A; --green-mid:#102F26;
  --cream:#F7F3EC; --cream-warm:#FBF8F2; --paper:#FFFDF8; --sand:#F0E9DD;
  --gold:#9B8F6A; --gold-lit:#C7A96B; --gold-pale:#D8C6A8;
  --ink:#0D3329; --ink-soft:rgba(13,51,41,.70); --ink-faint:rgba(13,51,41,.48);
  --line:rgba(13,51,41,.14); --line-firm:rgba(13,51,41,.28);
  --on-dark:#F4EFE7; --on-dark-soft:rgba(244,239,231,.74); --line-dark:rgba(244,239,231,.22);
  --display:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --body:"Inter",system-ui,-apple-system,"Segoe UI",Helvetica,sans-serif;
  --ease:cubic-bezier(.22,.61,.36,1);
  --pad:clamp(22px,5vw,76px);
  --hair:1px solid var(--line);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}

body.prana.prana img{max-width:100%;display:block}
::selection{background:var(--gold-pale);color:var(--green)}