:root{
/* --- Base ink: the near-black olive sampled from the card back --- */
--ink-1000:#000000;--ink-900:#0C0F0B;--ink-800:#151A13;--ink-700:#1E241B;--ink-600:#2A3125;--ink-500:#3A4234;--ink-400:#5A6352;--ink-300:#8A9184;--ink-200:#BFC4BA;--ink-100:#E4E6E1;--ink-050:#F4F5F2;--white:#FFFFFF;

/* --- Gold: sampled off the metallic wordmark, dark to highlight --- */
--gold-900:#6B451C;--gold-800:#8A5A22;--gold-700:#9A6A3A;--gold-600:#AB6E30;--gold-500:#C0904A;--gold-400:#D3AE63;--gold-300:#DDC785;--gold-200:#E1CB8A;--gold-100:#FFE5A0;--gold-050:#FFF4D1;

/* --- Brand red: the "BOSS" red, exact --- */
--red-700:#B31A0C;--red-600:#E02614;--red-500:#FF2F1A;--red-400:#FF6754;--red-200:#FFC7BF;--red-050:#FFF0ED;

/* --- Support --- */
--green-500:#3E7A4E;--green-050:#EDF4EF;--amber-500:#C08B3E;

/* --- Metallic fills. Use as background-image; never as a flat color. --- */
--gradient-gold:linear-gradient(178deg,#FFF4D1 0%,#FFE5A0 14%,#D3AE63 38%,#9A6A3A 56%,#AB6E30 68%,#DDC785 88%,#FFE5A0 100%); /* @kind color */
--gradient-gold-soft:linear-gradient(178deg,#FFE5A0 0%,#D3AE63 50%,#AB6E30 100%); /* @kind color */
--gradient-gold-hairline:linear-gradient(90deg,rgba(255,229,160,0) 0%,#C0904A 22%,#FFE5A0 50%,#C0904A 78%,rgba(255,229,160,0) 100%); /* @kind color */
--gradient-scrim-bottom:linear-gradient(180deg,rgba(12,15,11,0) 0%,rgba(12,15,11,.55) 45%,rgba(12,15,11,.94) 100%); /* @kind color */
--gradient-scrim-top:linear-gradient(180deg,rgba(12,15,11,.88) 0%,rgba(12,15,11,0) 100%); /* @kind color */

/* --- Semantic: dark is the default surface --- */
--surface-page:var(--ink-800);--surface-raised:var(--ink-700);--surface-sunken:var(--ink-900);--surface-card:var(--ink-700);--surface-inverse:var(--white);--surface-overlay:rgba(12,15,11,.86);
--text-body:rgba(255,255,255,.82);--text-heading:var(--white);--text-muted:rgba(255,255,255,.54);--text-faint:rgba(255,255,255,.34);--text-gold:var(--gold-100);--text-accent:var(--red-500);--text-on-light:var(--ink-800);--text-on-light-muted:var(--ink-400);--text-on-gold:var(--ink-900);
--border-hairline:rgba(255,255,255,.10);--border-subtle:rgba(255,255,255,.16);--border-strong:rgba(255,255,255,.28);--border-gold:rgba(255,229,160,.42);--border-gold-strong:#C0904A;--border-on-light:rgba(21,26,19,.14);
--focus-ring:var(--gold-100);
--price-color:var(--gold-100);--sale-color:var(--red-500);
}

/* Light sections invert the semantics. Apply to any container. */
.hb-on-light{--surface-page:var(--white);--surface-raised:var(--ink-050);--surface-card:var(--white);--surface-sunken:var(--ink-050);--text-body:rgba(21,26,19,.78);--text-heading:var(--ink-800);--text-muted:rgba(21,26,19,.52);--text-faint:rgba(21,26,19,.34);--text-gold:var(--gold-700);--border-hairline:rgba(21,26,19,.10);--border-subtle:rgba(21,26,19,.14);--border-strong:rgba(21,26,19,.26);--focus-ring:var(--gold-700);--price-color:var(--gold-800);background:var(--surface-page);color:var(--text-body)}