/* Yoga of Spaces — colour.
   Two grounds only: clove and green. No white, no black, no other colours.
   Photography is the single exception to the palette. */
:root{
  /* ── Grounds ───────────────────────────────────────────── */
  --ground-clove:#CDB49A;      /* default page ground */
  --ground-green:#31423A;      /* deep green — alternating sections, footer */

  /* ── Accents ───────────────────────────────────────────── */
  --accent-brass:#C9A55E;      /* eyebrows, rules, the य mark, buttons on green */
  --accent-brass-deep:#8A6A2F; /* brass on light grounds, dots, small accents */

  /* ── Text ──────────────────────────────────────────────── */
  --text-cream:#EFE4D4;        /* headings on green */
  --text-cream-soft:#DACFBA;   /* body on green */
  --text-cream-muted:#C9BFA9;  /* footer meta, italic subtext on green */
  --text-ink:#2A2A22;          /* body on clove */
  --text-ink-soft:#4c4438;     /* italic subtext on clove */

  /* ── Lines & quiet greens (derived from the approved page) ─ */
  --line-brass:#C9A55E;        /* hairline rules — always drawn at 55% opacity */
  --line-on-green:#4a5c52;     /* 1px borders inside green sections */
  --text-on-green-quiet:#9aa79e;/* placeholder / awaiting-content labels on green */

  /* ── Semantic aliases: clove ground ───────────────────── */
  --surface-clove:var(--ground-clove);
  --on-clove-heading:var(--ground-green);
  --on-clove-body:var(--text-ink);
  --on-clove-sub:var(--text-ink-soft);
  --on-clove-eyebrow:var(--ground-green);
  --on-clove-eyebrow-sm:var(--accent-brass-deep);
  --on-clove-border:var(--ground-green);

  /* ── Semantic aliases: green ground ───────────────────── */
  --surface-green:var(--ground-green);
  --on-green-heading:var(--text-cream);
  --on-green-body:var(--text-cream-soft);
  --on-green-sub:var(--text-cream-muted);
  --on-green-eyebrow:var(--accent-brass);
  --on-green-border:var(--accent-brass);

  /* ── Links (inherit the ground's heading colour) ────────── */
  --link:var(--ground-green);
  --link-hover:var(--accent-brass-deep);
  --link-on-green:var(--accent-brass);
  --link-on-green-hover:var(--text-cream);
}