/* Caliraya Heights design tokens — the ONLY file allowed to contain raw values.
   Rule: every other stylesheet and page uses var(--…) exclusively. */
:root {
  /* Palette */
  --ch-crimson: #C1080B;        /* brand signature, from logo */
  --ch-crimson-deep: #8E0508;   /* gradients, dark hover */
  --ch-gold: #C9A227;           /* luxury layer: primary CTA, rules, badges */
  --ch-gold-champagne: #E8D9A0; /* soft gold: borders, dividers, glows */
  --ch-ink: #141210;            /* warm near-black */
  --ch-ink-rgb: 20 18 16;       /* --ch-ink as R G B, for rgb(var()/alpha) overlays */
  --ch-ink-soft: #221E1A;       /* dark section panels */
  --ch-cream: #FAF7F0;          /* page background */
  --ch-white: #FFFFFF;
  --ch-text: #2C2723;           /* body text on cream (AA) */
  --ch-text-muted: #6B6259;     /* secondary text on cream (AA) */
  --ch-text-oncream-gold: #8A6D14; /* darkened gold for small text on cream (AA) */

  /* Typography */
  --font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-body: "Jost", -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  --fs-hero: clamp(2.6rem, 6vw, 4.4rem);
  --fs-h2: clamp(1.9rem, 3.5vw, 2.75rem);
  --fs-h3: 1.4rem;
  --fs-body: 1.05rem;
  --fs-small: 0.9rem;
  --fs-eyebrow: 0.8rem;
  --ls-eyebrow: 0.28em;   /* letter-spacing for gold small-caps eyebrows */
  --lh-body: 1.65;

  /* Spacing scale */
  --sp-1: 0.5rem;  --sp-2: 0.75rem; --sp-3: 1rem;   --sp-4: 1.5rem;
  --sp-5: 2.5rem;  --sp-6: 4rem;    --sp-7: 6rem;

  /* Shape & elevation */
  --rad: 3px;             /* sharp edges read luxury */
  --rad-card: 6px;
  --hairline: 1px solid var(--ch-gold-champagne);
  --shadow-card: 0 10px 30px rgba(20, 18, 16, 0.10);
  --shadow-card-hover: 0 16px 44px rgba(20, 18, 16, 0.16);

  /* Layout */
  --container: 1160px;
  --container-narrow: 820px;
}