:root{
/* --- base palette: the five named brand colours --- */
--ink:#1A1817;
--cream:#F6F1E8;
--honey:#B08A3E;
--milk:#FDFBF7;
--stone:#8B857A;

/* --- supporting warm neutrals, all sampled from the guidelines --- */
--clay:#57503F;      /* body copy on cream */
--ash:#B4AC9D;       /* body copy on ink */
--linen:#DDD5C4;     /* hairline rules on cream */
--sand:#E4DCCB;      /* panel edges, second-level rules */
--pebble:#C9BFA9;    /* muted copy on ink, disabled marks */
--oat:#EDE9E0;       /* application panels */
--mist:#EDEAE2;      /* caption on stone grounds */
--shell:#FBF9F4;     /* near-white ground */
--wheat:#F0E3C8;     /* caption on honey, honey tint */

/* --- interaction shades (derived from honey and ink) --- */
--honey-dark:#96742F;
--honey-darker:#7C5F25;
--honey-wash:rgba(176,138,62,.10);
--ink-hover:#302C29;
--ink-wash:rgba(26,24,23,.06);

/* --- signal colours. Not in the guidelines: derived as warm, desaturated
       neighbours of the palette so form feedback stays on-brand. --- */
--signal-error:#8C3A2B;
--signal-error-wash:rgba(140,58,43,.08);
--signal-success:#4A5D3A;
--signal-success-wash:rgba(74,93,58,.08);
--signal-notice:var(--honey);

/* --- semantic aliases: use these in product work --- */
--text-primary:var(--ink);
--text-body:var(--clay);
--text-muted:var(--stone);
--text-accent:var(--honey);
--text-on-ink:var(--cream);
--text-body-on-ink:var(--ash);
--text-muted-on-ink:var(--pebble);
--text-on-honey:var(--milk);
--text-disabled:var(--pebble);

--surface-page:var(--cream);
--surface-card:var(--milk);
--surface-panel:var(--oat);
--surface-ink:var(--ink);
--surface-accent:var(--honey);
--surface-raised:var(--shell);

--border-hairline:var(--linen);
--border-hairline-strong:var(--sand);
--border-strong:var(--ink);
--border-accent:var(--honey);
--border-on-ink:rgba(246,241,232,.22);

--link:var(--honey);
--link-hover:var(--honey-darker);
--focus-ring:var(--honey);
}

/* Reversed scope: drop this class on any dark ground and the semantic
   text tokens flip to their on-ink values. */
.pp-on-ink{
--text-primary:var(--cream);
--text-body:var(--ash);
--text-muted:var(--pebble);
--surface-page:var(--ink);
--surface-card:rgba(246,241,232,.05);
--border-hairline:rgba(246,241,232,.16);
--border-strong:var(--cream);
--link:var(--honey);
--link-hover:var(--wheat);
}