:root{
  /* ── Base palette (sampled from the Beond brand board) ───────────── */
  --beond-grey:#EAEAEA;        /* light grey — the default page ground */
  --beond-greige:#D1CDC2;      /* warm taupe / greige — the tactile ground */
  --beond-bordeaux:#793E42;    /* deep bordeaux / wine — pop on light */
  --beond-lime:#E6FAC9;        /* pale lime-green — pop on dark */
  --beond-black:#1A1A1A;       /* near-black ink */
  --beond-sand:#FFE9CD;        /* soft sand — warm logo variant only */
  --beond-white:#FFFFFF;

  /* Tints & shades, used sparingly for states and layering */
  --beond-grey-50:#F5F5F5;
  --beond-grey-200:#DEDEDE;
  --beond-greige-100:#E4E1DA;
  --beond-greige-300:#BFB9AC;
  --beond-bordeaux-700:#5E2E32;
  --beond-bordeaux-900:#3B1D20;
  --beond-lime-200:#D3EDAF;
  --beond-black-800:#2A2A2A;
  --beond-black-600:#4A4A4A;
  --beond-black-400:#7C7C7C;

  /* ── Semantic surfaces ───────────────────────────────────────────── */
  --surface-page:var(--beond-grey);
  --surface-page-warm:var(--beond-greige);
  --surface-page-dark:var(--beond-black);
  --surface-card:var(--beond-white);
  --surface-card-warm:var(--beond-greige-100);
  --surface-card-dark:var(--beond-black);
  --surface-accent:var(--beond-bordeaux);
  --surface-accent-soft:var(--beond-lime);

  /* ── Semantic text ───────────────────────────────────────────────── */
  --text-body:var(--beond-black);
  --text-muted:var(--beond-black-600);
  --text-faint:var(--beond-black-400);
  --text-accent:var(--beond-bordeaux);
  --text-on-dark:var(--beond-grey-50);
  --text-on-dark-accent:var(--beond-lime);
  --text-on-accent:var(--beond-white);

  /* ── Lines ───────────────────────────────────────────────────────── */
  --line-hairline:rgba(26,26,26,.12);
  --line-strong:rgba(26,26,26,.28);
  --line-on-dark:rgba(255,255,255,.18);

  /* ── Link colours ────────────────────────────────────────────────── */
  --link:var(--beond-bordeaux);
  --link-hover:var(--beond-bordeaux-700);
}