/* Locked site colours (sampled from the app screenshots). No switcher. */
html[data-palette="copper"]{/* Pipefit copper + chrome (locked) */--accent:#964818;--accent-muted:color-mix(in srgb,#964818 16%,transparent);--teal:#964818;--teal-muted:color-mix(in srgb,#b86630 16%,transparent);--on-accent:#ffffff;--glow-rgb:184,102,48;--family-teal:#b86630;--ring:#b86630;--accent2:#9aa0a8;--accent2-text:#4b5563}
@media (prefers-color-scheme: dark){html[data-palette="copper"]{--accent:#d08a55;--accent-muted:color-mix(in srgb,#d08a55 22%,transparent);--teal:#d08a55;--teal-muted:color-mix(in srgb,#d08a55 16%,transparent);--on-accent:#1a0d05;--glow-rgb:208,138,85;--family-teal:#d08a55;--ring:#d08a55;--accent2:#c8ccd2;--accent2-text:#c8ccd2}}
/* second accent: small touches only (rings, hover links, dividers) */
html[data-palette="copper"] .phone-demo{border-color:color-mix(in srgb,var(--accent2) 55%,var(--border-strong))}
html[data-palette="copper"] .ipad-grid img{border-color:color-mix(in srgb,var(--accent2) 45%,var(--border))}
html[data-palette="copper"] .tier.tier-hi,html[data-palette="copper"] .card:hover{border-color:color-mix(in srgb,var(--accent2) 60%,var(--border))}
html[data-palette="copper"] .shot-switch button:hover{border-color:var(--accent2)}
html[data-palette="copper"] .checklist li::before{background:var(--accent2)}
html[data-palette="copper"] .site-footer{border-top-color:color-mix(in srgb,var(--accent2) 45%,var(--border))}
html[data-palette="copper"] a:not(.btn):hover,html[data-palette="copper"] .nav-links a:hover,html[data-palette="copper"] .footer-links a:hover{color:var(--accent2-text)}
html[data-palette="copper"] .section-head .eyebrow::after{content:"";display:block;width:28px;height:2px;margin:8px auto 0;border-radius:2px;background:var(--accent2)}