:root{
/* ---- brand core (brand book p.18 — exact hexes, do not alter) ---- */
--cream:#F2E5D5;
--rust:#C97B63;
--slate-green:#4D5650;
--slate-grey:#343333;

/* ---- observed in production collateral (packaging interior, landing callout, lifecycle email) ---- */
--ember:#EA4D21;          /* hot rust used ONLY for short headline accents + display type */
--bottle-cream:#F6F0E8;   /* motus/nouro bottle body in photography */
--paper:#EDE4D6;          /* uncoated kraft/paper inside the mailer */

/* ---- cream tints (derived: cream lightened/darkened in oklch) ---- */
--cream-50:#FBF6EF;
--cream-100:#F7EFE4;
--cream-200:#F2E5D5;      /* = --cream */
--cream-300:#E7D6C2;
--cream-400:#D9C4AC;

/* ---- slate scale (derived from --slate-green / --slate-grey) ---- */
--slate-900:#232322;
--slate-800:#343333;      /* = --slate-grey */
--slate-700:#42473F;
--slate-600:#4D5650;      /* = --slate-green */
--slate-500:#5F6862;
--slate-400:#7C837C;
--slate-300:#9CA29C;
--slate-200:#C2C6C1;

/* ---- rust scale ---- */
--rust-700:#9C5A45;
--rust-600:#B36A52;
--rust-500:#C97B63;       /* = --rust */
--rust-400:#D89881;
--rust-300:#E6BBA8;
--rust-200:#F0D6C8;

/* ---- semantic surfaces ---- */
--surface-page:var(--cream);
--surface-raised:var(--cream-50);
--surface-card:var(--cream-100);
--surface-inverse:var(--slate-green);
--surface-inverse-deep:var(--slate-grey);
--surface-sunken:var(--cream-300);

/* ---- semantic text ---- */
--text-heading:var(--slate-grey);
--text-body:var(--slate-600);
--text-muted:var(--slate-400);
--text-accent:var(--rust);
--text-accent-hot:var(--ember);
--text-on-inverse:var(--cream);
--text-on-inverse-muted:#BFC3BC;
--text-on-rust:var(--cream);

/* ---- semantic lines ---- */
--line-hairline:#DCCBB6;
--line-strong:var(--slate-600);
--line-inverse:#6B7269;

/* ---- interactive ---- */
--action-primary-bg:var(--slate-green);
--action-primary-fg:var(--cream);
--action-primary-bg-hover:var(--slate-700);
--action-primary-bg-active:var(--slate-800);
--action-accent-bg:var(--rust);
--action-accent-fg:var(--cream);
--action-accent-bg-hover:var(--rust-600);
--action-accent-bg-active:var(--rust-700);
--action-quiet-fg:var(--rust);
--action-quiet-border:var(--rust);
--action-quiet-bg-hover:var(--rust-200);
--focus-ring:var(--slate-green);
--disabled-fg:var(--slate-300);
--disabled-bg:var(--cream-300);

/* ---- product accents ---- */
--motus:var(--rust);       /* weight loss & energy */
--nouro:var(--slate-green);/* brain performance & protection */

/* ---- status (derived from the earthy palette — no new hues introduced) ---- */
--status-positive:#5C6B4F;
--status-caution:#B9884A;
--status-critical:#A8452C;
--status-info:var(--slate-600);

/* ---- photography overlay (the ONLY approved use of a gradient/scrim, p.70) ---- */
--scrim-green:color-mix(in srgb, var(--slate-green) 78%, transparent);
--scrim-grey:color-mix(in srgb, var(--slate-grey) 70%, transparent);
}

/* Inverse scope: use on slate-green / slate-grey panels */
.tonum-inverse{
--surface-page:var(--slate-green);
--surface-card:var(--slate-700);
--text-heading:var(--cream);
--text-body:var(--text-on-inverse-muted);
--text-muted:#969C93;
--line-hairline:var(--line-inverse);
--action-primary-bg:var(--cream);
--action-primary-fg:var(--slate-grey);
--action-primary-bg-hover:var(--cream-100);
--action-primary-bg-active:var(--cream-300);
--action-quiet-fg:var(--cream);
--action-quiet-border:var(--cream);
--action-quiet-bg-hover:rgba(242,229,213,.14);
}