:root{
/* ── Brand core ─────────────────────────────── */
--teal-900:#00302f;--teal-800:#004c4a;--teal-700:#006a6a;--teal-600:#00827e;
--teal-500:#00a7a0;/* primary brand teal, sampled from the wordmark sheet */
--teal-400:#2bb9b2;--teal-300:#71d2cc;--teal-200:#b3e7e4;--teal-100:#e0f5f3;
--ink-900:#00161e;/* deepest label black-green, sampled from vial + wordmark tile */
--ink-800:#04181f;--ink-700:#062730;--ink-600:#0d3a42;--ink-500:#1d4f56;

/* ── Amber (the "glow" product family) ──────── */
--amber-700:#8a5c17;--amber-600:#b87c25;--amber-500:#e3a63a;--amber-400:#eebc63;
--amber-300:#f4d49b;--amber-200:#fbeed4;

/* ── Neutrals ───────────────────────────────── */
--white:#ffffff;--paper:#f7faf9;--stone-100:#eef2f1;--stone-200:#dfe6e5;
--stone-300:#c3cfce;--stone-400:#93a3a2;--stone-500:#65787a;--stone-600:#41565a;

/* ── Semantic status ────────────────────────── */
--success:#0f9d5c;--success-bg:#e4f5ec;
--warning:#c8871a;--warning-bg:#fdf1dc;
--danger:#c2413a;--danger-bg:#fbeae9;
--info:var(--teal-600);--info-bg:var(--teal-100);

/* ── Semantic aliases ───────────────────────── */
--bg-page:var(--paper);--bg-elevated:var(--white);--bg-sunken:var(--stone-100);
--bg-inverse:var(--ink-900);--bg-brand:var(--teal-500);--bg-brand-soft:var(--teal-100);
--bg-accent:var(--amber-500);--bg-accent-soft:var(--amber-200);
--surface-card:var(--white);--surface-card-inverse:var(--ink-800);
--text-heading:var(--ink-900);--text-body:var(--ink-700);--text-muted:var(--stone-500);
--text-inverse:var(--white);--text-inverse-muted:rgba(255,255,255,.68);
--text-brand:var(--teal-600);--text-link:var(--teal-600);--text-link-hover:var(--teal-800);
--border-subtle:var(--stone-200);--border-strong:var(--stone-300);
--border-inverse:rgba(255,255,255,.28);--border-brand:var(--teal-500);
--focus-ring:var(--teal-500);

/* ── Signature gradients (lifted from packaging) ── */
--grad-label:linear-gradient(105deg,var(--teal-600) 0%,var(--ink-900) 48%);
--grad-label-amber:linear-gradient(150deg,var(--amber-600) 0%,#2a1d0d 62%);
--grad-brand-wash:linear-gradient(180deg,var(--teal-100) 0%,var(--paper) 100%);
--photo-teal:#479796;/* studio backdrop teal used in product photography */
--photo-amber:#cf963d;/* studio backdrop amber used for the glow family */
}