/* Fascar color system — warm neutral spine, leather accents, cool counterpoint. */
:root{
/* Ink & warm neutrals */
--onyx:#111111;--ink:#1C1A18;--graphite:#3A3733;
--stone-700:#6B655E;--stone-500:#8E8880;--stone-300:#C4BCB1;
--sand-200:#E3DACD;--linen-100:#F1EBE2;--bone:#F7F4EF;--white:#FFFFFF;

/* Cool neutrals — studio white, graphite knit, cold-season backgrounds */
--slate-600:#5A646B;--slate-400:#8A949A;--slate-200:#C6CCCF;--fog-100:#EFEFEE;

/* Leathers — the accent family. Drawn from the product photography. */
--chocolate:#4A3125;--tobacco:#6E4A2E;--cognac:#9A5B2E;--caramel:#B9763C;
--suede:#7B6650;--insole-tan:#C08B54;--oxblood:#5E2A2A;

/* Semantic — text */
--text-primary:var(--onyx);--text-secondary:var(--stone-700);--text-muted:var(--stone-500);
--text-inverse:var(--bone);--text-accent:var(--cognac);--text-price:var(--ink);
--text-sale:#8A2B2B;--text-link:var(--onyx);--text-link-hover:var(--cognac);

/* Semantic — surfaces */
--surface-page:var(--bone);--surface-card:var(--white);--surface-sand:var(--linen-100);
--surface-sand-deep:var(--sand-200);--surface-ink:var(--onyx);--surface-cool:var(--fog-100);
--surface-overlay:rgba(17,17,17,.58);--surface-scrim:rgba(28,26,24,.06);

/* Semantic — borders */
--border-hairline:rgba(28,26,24,.14);--border-strong:rgba(28,26,24,.32);
--border-inverse:rgba(247,244,239,.28);--border-focus:var(--cognac);

/* Semantic — interactive */
--action-primary:var(--onyx);--action-primary-hover:var(--graphite);
--action-primary-text:var(--bone);
--action-secondary-text:var(--onyx);--action-secondary-border:var(--border-strong);
--action-accent:var(--cognac);--action-accent-hover:var(--tobacco);
--action-disabled:var(--stone-300);

/* Semantic — states */
--state-success:#4A5D3A;--state-warning:var(--caramel);--state-danger:#8A2B2B;
--state-info:var(--slate-600);
}

/* Dark scope — editorial blocks, black-tie campaigns, the logo-on-black lockup. */
.fascar-dark{
--surface-page:var(--onyx);--surface-card:#191817;--surface-sand:#221F1C;
--text-primary:var(--bone);--text-secondary:rgba(247,244,239,.72);
--text-muted:rgba(247,244,239,.52);--text-inverse:var(--onyx);
--text-link:var(--bone);--text-link-hover:var(--caramel);
--border-hairline:rgba(247,244,239,.16);--border-strong:rgba(247,244,239,.34);
--action-primary:var(--bone);--action-primary-hover:var(--linen-100);
--action-primary-text:var(--onyx);--action-secondary-text:var(--bone);
--action-secondary-border:rgba(247,244,239,.34);
}