:root{
/* Brand — primary */
--midnight:#0B1F2A;--midnight-2:#122B38;--midnight-3:#1B3846;
--forest:#2F4A3A;--forest-2:#3C5C48;--forest-3:#263D30;
/* Brand — secondary */
--bamboo:#C8A97E;--bamboo-2:#B69465;--bamboo-tint:#E9DEC9;
--lotus:#F4EFE6;--lotus-2:#ECE4D4;--paper:#FBF8F1;
/* Brand — accent */
--gold:#C6A15B;--gold-2:#A98545;--gold-soft:rgba(198,161,91,.32);
--terracotta:#A85C3B;--terracotta-2:#8F4C30;--terracotta-tint:#F0E0D5;
/* Semantic — surfaces */
--surface-page:var(--lotus);--surface-card:var(--paper);--surface-warm:var(--bamboo-tint);--surface-dark:var(--midnight);--surface-dark-raised:var(--midnight-2);
/* Semantic — text */
--text-heading:var(--midnight);--text-body:#3B4742;--text-muted:#7B7466;--text-on-dark:var(--lotus);--text-on-dark-muted:rgba(244,239,230,.64);--text-gold:var(--gold);--text-price:var(--gold-2);
/* Semantic — lines & focus */
--border-hairline:rgba(11,31,42,.08);--border-soft:rgba(11,31,42,.15);--border-gold:rgba(198,161,91,.5);--border-on-dark:rgba(244,239,230,.16);--focus-ring:0 0 0 3px rgba(198,161,91,.28);
/* Semantic — status */
--success:var(--forest);--danger:#96432C;--danger-tint:#F3DDD3;
}