:root{
/* — Base palette (sampled from packaging, gradient assets, logo files) — */
--numa-cream:#FAF7EB;        /* logo-white file colour; page background */
--numa-paper:#FFFDF8;        /* packaging white, cards */
--numa-white:#FFFFFF;
--numa-blush:#F1B5B8;        /* coloured logo file */
--numa-strawberry:#E8392F;   /* gummy red */
--numa-strawberry-deep:#C42A22;
--numa-peach:#F6BB93;        /* Flow State bar */
--numa-apricot:#FCD28D;
--numa-coral:#EF6257;
--numa-lilac:#A998C9;
--numa-orchid:#C58CBD;
--numa-sky:#8AA6D6;
--numa-lagoon:#84C8C0;
--numa-sage:#B6D189;
--numa-lemon:#FCF6A6;
--numa-moss:#5E7A57;         /* botanical dark green */
--numa-ink:#1B1B1F;          /* mascot outline / wordmark on box */
--numa-cocoa:#3A2A24;        /* packaging small type */
--numa-stone:#8A8378;
--numa-sand:#E9E1D3;
/* — Product aura colours (Balance / Calm / Create / Focus / Rest) — */
--aura-balance:#F78E80;
--aura-calm:#5FD9C0;
--aura-create:#FB6708;
--aura-focus:#B9A3CF;
--aura-rest:#9BD3A4;
/* — Gradients (from the seven gradient assets) — */
--grad-lilac:linear-gradient(180deg,#C58CBD 0%,#8AA6D6 50%,#C38DBF 100%);/* @kind color */
--grad-peach:linear-gradient(180deg,#E591A1 0%,#FCD28D 50%,#EB969C 100%);/* @kind color */
--grad-lime:linear-gradient(160deg,#B6D189 0%,#D4E494 50%,#FFFAA2 100%);/* @kind color */
--grad-coral:linear-gradient(160deg,#EF6257 0%,#FAB660 50%,#F0966A 100%);/* @kind color */
--grad-ocean:linear-gradient(160deg,#75A2C6 0%,#84C8C0 50%,#AB95DB 100%);/* @kind color */
--grad-sky:linear-gradient(160deg,#73BFD3 0%,#7EC6CA 50%,#669BD2 100%);/* @kind color */
--grad-sunset:linear-gradient(180deg,#B88FC9 0%,#FECF8C 50%,#F5AD8C 100%);/* @kind color */
--grad-flow:linear-gradient(180deg,#F49A8F 0%,#F6BB93 40%,#FCD28D 100%);/* @kind color */ /* chocolate bar */
/* — Semantic — */
--bg-page:var(--numa-cream);
--bg-surface:var(--numa-paper);
--bg-surface-2:var(--numa-white);
--bg-inverse:var(--numa-ink);
--text-primary:var(--numa-ink);
--text-secondary:var(--numa-cocoa);
--text-muted:var(--numa-stone);
--text-inverse:var(--numa-cream);
--accent:var(--numa-strawberry);
--accent-hover:var(--numa-strawberry-deep);
--accent-soft:var(--numa-blush);
--border-subtle:rgba(27,27,31,.12);
--border-strong:var(--numa-ink);
--focus-ring:var(--numa-strawberry);
--success:var(--aura-rest);
--warning:var(--numa-apricot);
--danger:var(--numa-coral);
--info:var(--numa-sky);
--overlay:rgba(27,27,31,.55);
}