:root{
/* ── Brand: sampled from the DILLON wordmark and product photography ── */
--flame-cyan:#00aeef;      /* logo flame lance — exact brand blue */
--flame-cyan-bright:#4fd0ff;
--flame-cyan-deep:#0086bb;
--arc-white:#f2fff8;       /* sampled from the arc core in a cutting photo */

/* ── Navy: sampled from the hero plate, darkest → lightest ── */
--navy-950:#010a28;
--navy-900:#021337;
--navy-800:#031a47;
--navy-700:#06265f;
--navy-600:#0b3379;

/* ── Ink: page blacks and workshop greys ── */
--ink-950:#04070e;
--ink-900:#0a0f18;
--ink-850:#101724;
--ink-800:#161f2e;
--ink-700:#1f2a3b;
--ink-600:#2b3849;
--steel-500:#4a586b;
--steel-400:#6b7a8f;
--steel-300:#9aa7b8;
--steel-200:#c4cdd8;
--steel-100:#e4e9ef;
--white:#ffffff;

/* ── Heat: brass, ember, spark. From the brass torch body and spark photography ── */
--brass-600:#7d6435;
--brass-500:#a68a59;       /* sampled from the torch body */
--brass-400:#c9a86a;
--ember-600:#c2410c;
--ember-500:#ff6a13;       /* spark orange */
--ember-400:#ff8a3d;
--spark-500:#ffc53d;       /* ember yellow */
--spark-400:#ffd97a;

/* ── Semantic hues ── */
--success-500:#2eb872;
--warning-500:#ffc53d;
--danger-500:#e4462f;
--info-500:#00aeef;
}