/* The accounting edition (the Accounting brand board: "Pine for the room, citron for the next thing to do") and the colours
   of this sector's three services. Light on :root[data-sector="accounting"], dark on …[data-theme="dark"]. Statuses, type,
   the 27 tile and the orange call to action are the engine's and never set here.
   Board values: band pine #0C2622 · band deep #123A33 · ground #F5F3EE · ink #0F231F · citron #D4EE5E with ink #0F231F on it
   (12.6:1) · Accounts #1E7466 jade · Payroll #8C6A1F ochre · Tax returns #8E4466 rosewood. The other tones are derived and
   checked for contrast (WCAG): caption #5B6763 on ground 5.3:1, accent ink #4A5714 on citron soft 7.2:1, band caption #93B1A6
   on pine 6.9:1 (5.4:1 on band deep), ochre #8C6A1F on ground 4.5:1; dark: caption 6.3:1 on panel, services 6.5–8.1:1. */
:root[data-sector="accounting"] {
  --bg: #F5F3EE; --inset: #EFEDE6; --ink: #0F231F; --ink2: #3C4E49; --cap: #5B6763;
  --btn: #0C2622; --btn-ink: #FFFFFF;
  --band: #0C2622; --band-2: #123A33; --band-3: #184A40; --band-4: #15433A;
  --band-ink: #F2F5EF; --band-ink2: #C6D7D0; --band-cap: #93B1A6;
  --accent: #D4EE5E; --accent-soft: #F2F8D6; --accent-ink: #4A5714;
  --gold: #D4EE5E; --gold-2: #E3F58F; --gold-ink: #0F231F;
  --accounts: #1E7466; --accounts-soft: #E4F1EE; --payroll: #8C6A1F; --payroll-soft: #F5EEDF; --tax: #8E4466; --tax-soft: #F5E8EE;
}
:root[data-sector="accounting"][data-theme="dark"] {
  --bg: #111816; --inset: #151D1B; --panel: #19211F; --raised: #202A27; --line: #2A3532; --line2: #3A4743;
  --ink: #E8EEEA; --ink2: #BCC8C3; --cap: #96A49F;
  --btn: #E8EEEA; --btn-ink: #0C2622;
  --band: #081A17; --band-2: #0E2B26; --band-3: #143C34; --band-4: #12362F;
  --accent-soft: #283014; --accent-ink: #DDF08A;
  --accounts: #5FBFAE; --accounts-soft: #16302B; --payroll: #D4B262; --payroll-soft: #2E2716; --tax: #D88CAF; --tax-soft: #2F1E27;
}
/* the services' colours on their labels, spines, tabs, Today rows, tinted cards and plan dots */
[data-sector="accounting"] .svc.accounts { color: var(--accounts); } [data-sector="accounting"] .svc.payroll { color: var(--payroll); } [data-sector="accounting"] .svc.tax { color: var(--tax); }
[data-sector="accounting"] .spine.accounts { border-color: var(--accounts); } [data-sector="accounting"] .spine.payroll { border-color: var(--payroll); } [data-sector="accounting"] .spine.tax { border-color: var(--tax); }
[data-sector="accounting"] .dot.accounts { background: var(--accounts); } [data-sector="accounting"] .dot.payroll { background: var(--payroll); } [data-sector="accounting"] .dot.tax { background: var(--tax); }
[data-sector="accounting"] .item.accounts::before { background: var(--accounts); } [data-sector="accounting"] .item.payroll::before { background: var(--payroll); } [data-sector="accounting"] .item.tax::before { background: var(--tax); }
[data-sector="accounting"] .card.tint-accounts { background: linear-gradient(180deg, var(--accounts-soft), var(--panel) 60%); }
[data-sector="accounting"] .card.tint-payroll { background: linear-gradient(180deg, var(--payroll-soft), var(--panel) 60%); }
[data-sector="accounting"] .card.tint-tax { background: linear-gradient(180deg, var(--tax-soft), var(--panel) 60%); }