:root{
/* ── Brand orange — the single accent. Sampled from the source kit. ── */
--orange-50:#fff7f2;--orange-100:#fff0e8;--orange-200:#f7e1d5;--orange-300:#fea94c;
--orange-400:#ff8a4c;--orange-500:#ff6719;--orange-600:#f85d14;--orange-700:#d94a08;--orange-800:#a83a04;
/* ── Espresso — the only dark ground used in the kit ── */
--espresso-700:#6d2109;--espresso-800:#5c1608;--espresso-900:#450e05;--espresso-950:#2e0903;
/* ── Ink + neutrals ── */
--ink-900:#050505;--ink-800:#1a1a1a;--ink-700:#333333;
--grey-700:#6e6e6e;--grey-600:#8a8a8a;--grey-500:#a8a8a8;--grey-400:#c7c7c7;
--grey-300:#e0e0e0;--grey-200:#e9e9e9;--grey-100:#f0f0f0;--grey-50:#f6f6f6;
--white:#ffffff;
/* ── Semantic ── */
--green-500:#0fb84c;--green-100:#e3f8ea;
--red-500:#e5372b;--red-100:#fdeae8;
--amber-500:#ffb020;
/* ── Pastel icon-bubble tints (hero + type specimen bubbles) ── */
--tint-blush:#f5e2e2;--tint-mint:#dff0e2;--tint-lilac:#e2e0f5;--tint-sand:#f3e6d8;

/* ── Semantic aliases: use THESE in components ── */
--bg-page:var(--grey-50);
--bg-page-alt:var(--white);
--bg-inverse:var(--espresso-900);
--surface-card:var(--white);
--surface-sunken:var(--grey-50);
--surface-raised:var(--white);
--surface-tint:var(--orange-100);
--surface-tint-strong:var(--orange-200);
--surface-accent:var(--orange-500);
--surface-inverse-card:rgba(255,255,255,.06);

--text-display:var(--ink-900);
--text-heading:var(--ink-900);
--text-body:var(--grey-700);
--text-muted:var(--grey-600);
--text-accent:var(--orange-500);
--text-accent-strong:var(--orange-800);
--text-on-accent:var(--white);
--text-on-inverse:var(--white);
--text-on-inverse-muted:rgba(255,255,255,.62);
--text-link:var(--orange-600);
--text-link-hover:var(--orange-700);

--border-subtle:var(--grey-200);
--border-default:var(--grey-300);
--border-strong:var(--grey-400);
--border-accent:var(--orange-500);
--border-inverse:rgba(255,255,255,.14);

--focus-ring:var(--orange-500);

/* ── Gradients lifted from the kit ── */
--grad-brand:linear-gradient(135deg,var(--orange-600) 0%,var(--orange-300) 100%);
--grad-peach-glow:radial-gradient(60% 60% at 70% 30%,var(--orange-200) 0%,var(--grey-50) 100%);
--grad-hero-wash:linear-gradient(180deg,var(--grey-50) 0%,var(--orange-50) 100%);
--grad-meter:linear-gradient(90deg,var(--ink-900) 0%,var(--orange-500) 100%);
--grad-bar-fade:linear-gradient(180deg,var(--grey-200) 0%,rgba(233,233,233,0) 100%);
}