:root {
  --brand: #C8102E;
  --brand-dark: #8A0B1F;
  --brand-soft: #FCE9EC;
  --brand-mint: #F2B705;
  --brand-mint-rgb: 242,183,5;
  --sage: #9AA3AB;
  --acc-rosso:    #C8102E;  --acc-rosso-rgb:    200,16,46;
  --acc-volt:     #00A676;  --acc-volt-rgb:     0,166,118;
  --acc-azure:    #1E6FD9;  --acc-azure-rgb:    30,111,217;
  --acc-amber:    #E39A0C;  --acc-amber-rgb:    227,154,12;
  --acc-graphite: #4A5560;  --acc-graphite-rgb: 74,85,96;
  --acc-ember:    #E0552B;  --acc-ember-rgb:    224,85,43;
  --acc-steel:    #6C7A89;  --acc-steel-rgb:    108,122,137;
  --acc-slate:    #55606B;  --acc-slate-rgb:    85,96,107;
  --acc-copper:   #B06A3B;  --acc-copper-rgb:   176,106,59;
  --acc: var(--brand);
  --acc-rgb: 200,16,46;
  --ink: #14161A;
  --text: #3C4249;
  --muted: #6E767F;
  --line: #E4E6EA;
  --bg: #FAFAFB;
  --bg-alt: #F0F1F3;
  --surface: #FFFFFF;
  --grad-brand: linear-gradient(120deg, #6E0A18 0%, #C8102E 55%, #E8112D 100%);
  --grad-mint: linear-gradient(120deg, #C8102E 0%, #F2B705 100%);
  --grad-text: linear-gradient(100deg, #E8112D 0%, #C8102E 55%, #6E0A18 100%);
  --font: 'Manrope', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Space Grotesk', var(--font);
}
[data-accent="rosso"]    { --acc: var(--acc-rosso);    --acc-rgb: var(--acc-rosso-rgb); }
[data-accent="volt"]     { --acc: var(--acc-volt);     --acc-rgb: var(--acc-volt-rgb); }
[data-accent="azure"]    { --acc: var(--acc-azure);    --acc-rgb: var(--acc-azure-rgb); }
[data-accent="amber"]    { --acc: var(--acc-amber);    --acc-rgb: var(--acc-amber-rgb); }
[data-accent="graphite"] { --acc: var(--acc-graphite); --acc-rgb: var(--acc-graphite-rgb); }
[data-accent="ember"]    { --acc: var(--acc-ember);    --acc-rgb: var(--acc-ember-rgb); }
[data-accent="steel"]    { --acc: var(--acc-steel);    --acc-rgb: var(--acc-steel-rgb); }
[data-accent="slate"]    { --acc: var(--acc-slate);    --acc-rgb: var(--acc-slate-rgb); }
[data-accent="copper"]   { --acc: var(--acc-copper);   --acc-rgb: var(--acc-copper-rgb); }
.nav__link[data-accent="rosso"]    { --nav-dot: var(--acc-rosso);    --nav-dot-rgb: var(--acc-rosso-rgb); }
.nav__link[data-accent="volt"]     { --nav-dot: var(--acc-volt);     --nav-dot-rgb: var(--acc-volt-rgb); }
.nav__link[data-accent="azure"]    { --nav-dot: var(--acc-azure);    --nav-dot-rgb: var(--acc-azure-rgb); }
.nav__link[data-accent="amber"]    { --nav-dot: var(--acc-amber);    --nav-dot-rgb: var(--acc-amber-rgb); }
.nav__link[data-accent="graphite"] { --nav-dot: var(--acc-graphite); --nav-dot-rgb: var(--acc-graphite-rgb); }
.nav__link[data-accent="ember"]    { --nav-dot: var(--acc-ember);    --nav-dot-rgb: var(--acc-ember-rgb); }
.nav__link[data-accent="steel"]    { --nav-dot: var(--acc-steel);    --nav-dot-rgb: var(--acc-steel-rgb); }
.nav__link[data-accent="slate"]    { --nav-dot: var(--acc-slate);    --nav-dot-rgb: var(--acc-slate-rgb); }
.nav__link[data-accent="copper"]   { --nav-dot: var(--acc-copper);   --nav-dot-rgb: var(--acc-copper-rgb); }
.logo__mark { width: 28px; height: 28px; flex: none; color: var(--brand); }