/* AI Boss Builder colour. Black, white and navy only. Navy is the one accent (~10% of a page).
   Light mode is the default. Dark mode: put data-theme="dark" on <html> or any container.
   .abb-bp marks a dark blueprint surface (hero, footer) and re-points the semantic tokens inside it. */
:root{
--abb-paper:#F7F7F4;--abb-white:#FFFFFF;--abb-paper-sunken:#EDEDE8;
--abb-ink:#0E1116;--abb-ink-deep:#070A0E;--abb-panel-dark:#151A22;--abb-sunken-dark:#0A0D11;
--abb-slate:#4F5966;--abb-mist:#A3ADBA;--abb-cloud:#E9EDF2;--abb-frost:#F2F4F7;
--abb-navy:#1B3A6B;--abb-navy-deep:#142C52;--abb-navy-light:#7FA3DA;--abb-navy-pale:#A9C2E8;
--abb-brick:#A12C2C;--abb-brick-light:#F2A7A7;
--bg-page:var(--abb-paper);--bg-surface:var(--abb-white);--bg-sunken:var(--abb-paper-sunken);
--text-1:var(--abb-ink);--text-2:var(--abb-slate);
--line-strong:var(--abb-ink);--line-soft:rgba(14,17,22,.16);
--accent:var(--abb-navy);--accent-hover:var(--abb-navy-deep);--on-accent:#FFFFFF;
--link:var(--abb-navy);--focus:var(--abb-navy);--danger:var(--abb-brick);
--sketch:var(--abb-navy);
--bp-bg:var(--abb-ink);--bp-text:var(--abb-frost);--bp-text-2:var(--abb-mist);
--bp-line:var(--abb-navy-light);--bp-line-soft:rgba(127,163,218,.34);
--bp-grid-major:rgba(255,255,255,.14);--bp-grid-minor:rgba(255,255,255,.05);
--bp-accent:var(--abb-navy-light);--bp-accent-hover:var(--abb-navy-pale);--bp-on-accent:var(--abb-ink);
}
[data-theme="dark"]{
--bg-page:var(--abb-ink);--bg-surface:var(--abb-panel-dark);--bg-sunken:var(--abb-sunken-dark);
--text-1:var(--abb-cloud);--text-2:var(--abb-mist);
--line-strong:var(--abb-cloud);--line-soft:rgba(233,237,242,.16);
--accent:var(--abb-navy-light);--accent-hover:var(--abb-navy-pale);--on-accent:var(--abb-ink);
--link:var(--abb-navy-light);--focus:var(--abb-navy-light);--danger:var(--abb-brick-light);
--sketch:var(--abb-navy-light);
--bp-bg:var(--abb-ink-deep);
--bp-grid-major:rgba(127,163,218,.18);--bp-grid-minor:rgba(127,163,218,.06);
}