/* ===== BRAND BLOCK: the only part that changes per client (ODS Web App Standard §8) ===== */
/* Gates Tax & Advisory: the website has a black navigation bar, white serif wordmark, Poppins headings,
   Lato body text and a bright teal button (#4ECACE). That teal fails AA with white text (1.97:1), so it is
   used only as a tint; the accent is a darker teal that passes (5.6:1 on white, white on it 5.6:1). */
:root {
  --brand: #111111;          /* primary: header, primary buttons (the site's black bar) */
  --brand-ink: #FFFFFF;      /* text on --brand */
  --brand-soft: #D9F3F4;     /* tints, selected states, focus rings (teal tint) */
  --accent: #177377;         /* one highlight color, used sparingly (teal, darkened for contrast) */
  --font-sans: "Lato", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-display: "Poppins", var(--font-sans);
}
@media (prefers-color-scheme: dark) {
  :root {
    --brand: #000000;
    --brand-ink: #FFFFFF;
    --brand-soft: #113F41;
    --accent: #6FD6D9;
  }
}
/* ===== END BRAND BLOCK ===== */

/* Neutral and status tokens: the same in every ODS app. */
:root {
  --paper: #F6F7F8;
  --surface: #FFFFFF;
  --surface-2: #EEF1F3;
  --line: #D9DEE2;
  --ink: #15202A;
  --ink-2: #3C4852;
  --muted: #65727C;
  --good: #1F6F4A;      --good-wash: #E3F2EA;
  --warn: #9A5B0A;      --warn-wash: #FBF0DC;
  --bad: #A5342C;       --bad-wash: #FAE7E5;
  --radius: 8px;
  --tap: 48px;          /* minimum touch target */
  --shadow: 0 1px 2px rgba(21, 32, 42, .06), 0 8px 24px -16px rgba(21, 32, 42, .18);
}
@media (prefers-color-scheme: dark) {
  :root {
    --paper: #0F161B;
    --surface: #182129;
    --surface-2: #1F2A33;
    --line: #2B3843;
    --ink: #E8EDF1;
    --ink-2: #C4CED6;
    --muted: #8E9BA6;
    --good: #6BC79A;    --good-wash: #16302A;
    --warn: #E0A558;    --warn-wash: #2E2416;
    --bad: #E8847B;     --bad-wash: #33201F;
    --shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px -16px rgba(0, 0, 0, .6);
  }
}