:root{
/* base — blacks */
--black-950:#070708;--black-900:#0B0B0D;--black-800:#121214;--black-700:#1A1A1E;--black-600:#232329;
/* base — golds */
--gold-200:#F0E2B6;--gold-300:#E6CD8C;--gold-400:#D9B968;--gold-500:#C9A24B;--gold-600:#A87F2E;--gold-700:#7E5E20;
/* base — silvers */
--silver-100:#F2F2F4;--silver-200:#E4E5E9;--silver-300:#CDD0D6;--silver-400:#B9BDC4;--silver-600:#8A8F98;
/* semantic */
--surface-page:var(--black-950);--surface-card:var(--black-800);--surface-raised:var(--black-700);
--text-display:var(--gold-500);--text-heading:var(--silver-100);--text-body:var(--silver-300);--text-muted:var(--silver-600);--text-price:var(--gold-400);--text-on-gold:var(--black-950);
--border-hairline:rgba(201,162,75,0.38);--border-card:rgba(201,162,75,0.22);--border-subtle:rgba(228,229,233,0.10);
--link:var(--gold-400);--link-hover:var(--gold-300);
--focus-ring:0 0 0 2px rgba(217,185,104,0.55);
/* metallic gradients */
--grad-gold:linear-gradient(105deg,#8A6623 0%,#D9B968 32%,#F3E3B0 50%,#D9B968 68%,#8A6623 100%);/* @kind color */
--grad-silver:linear-gradient(105deg,#9BA0A8 0%,#F4F5F7 50%,#9BA0A8 100%);/* @kind color */
}