/* The VAT & tax edition (plans/BRAND_BOARDS_TEXT.txt, the VAT & tax board): claret is the room, blush the next thing to do.
   Band claret #2B1018, band deep #3C1622, ground #F5F2EE, ink #26131B, blush #F3B4C2 with #3A0F1E on it (9.6:1). The three
   services are the board's: VAT registration #1F6E78 petrol, VAT and OSS returns #7C6A2A brass, tax advice #9B4D73 plum.
   Statuses, type, the 27 tile and the orange call to action are the engine's and are never set here.
   Every pair below was checked for contrast (WCAG): body text ≥ 8:1, captions ≥ 5:1, service labels ≥ 4.6:1 on their
   own soft tints, in both themes. Anything this light block sets that the engine's dark theme also sets is set again in
   the dark block (this selector outranks [data-theme="dark"]). */
:root[data-sector="vat-tax"] {
  --bg: #F5F2EE; --inset: #EFEBE6; --raised: #FBF9F6;
  --ink: #26131B; --ink2: #574249; --cap: #6E5C63;
  --btn: #2B1018;
  --band: #2B1018; --band-2: #3C1622; --band-3: #4A1D2B; --band-4: #552333;
  --band-ink: #F7EEF0; --band-ink2: #E3CCD3; --band-cap: #C29AA6;
  --accent: #F3B4C2; --accent-soft: #FBE9EE; --accent-ink: #7A2440;
  --gold: #F3B4C2; --gold-2: #F8CCD6; --gold-ink: #3A0F1E;
  --vatreg: #1F6E78; --vatreg-soft: #E3F0F1;
  --returns: #7C6A2A; --returns-soft: #F3EFE1;
  --advice: #9B4D73; --advice-soft: #F6ECF1;
}
:root[data-sector="vat-tax"][data-theme="dark"] {
  --bg: #171214; --inset: #1C1619; --panel: #201A1D; --raised: #271F23;
  --line: #34292E; --line2: #45383E;
  --ink: #F1E8EA; --ink2: #CDBDC2; --cap: #A8969C;
  --btn: #F1E8EA; --btn-ink: #1C1014;
  --band: #1C0A10; --band-2: #2A0F18; --band-3: #3A1622; --band-4: #44192A;
  --accent-soft: #3A2129; --accent-ink: #F3B4C2;
  --sea: #201A1D; --land: #2A2226; --land-line: #3A2F34;
  --vatreg: #6FBAC4; --vatreg-soft: #18292C;
  --returns: #CDB66A; --returns-soft: #2B2619;
  --advice: #D892B4; --advice-soft: #2F2028;
}
.svc.vatreg { color: var(--vatreg); } .svc.returns { color: var(--returns); } .svc.advice { color: var(--advice); }
.spine.vatreg { border-color: var(--vatreg); } .spine.returns { border-color: var(--returns); } .spine.advice { border-color: var(--advice); }
