/* ==========================================================================
   Accountant-firm theme
   Warm paper + rust accent, imported from the Claude Design project
   "PrivateDoc Accounting". Loaded AFTER app.css so these token overrides win;
   every app.css rule is var()-driven, so the whole page (and most of the
   product demo) reskins from here. Demo colors set inline in JS are handled
   in accountants.html.
   ========================================================================== */

:root {
  --paper:      #EDEAE0;  /* page background        */
  --ink:        #2B2820;  /* body text              */
  --navy:       #3D3929;  /* headings, logo, links  */
  --navy-dark:  #262624;  /* dark panels, login bg  */
  --navy-hover: #A8543A;  /* primary button hover   */
  --brass:      #C96442;  /* accent: step numbers, faq plus, buttons */
  --brass-lite: #D97757;  /* accent on dark panels  */
  --gold-edge:  #C96442;  /* active/highlight edges */
  --eyebrow:    #9C4A2E;  /* darker rust — meets 4.5:1 for small eyebrow text */
  --muted:      #5E5949;  /* lede + body copy       */
  --muted-2:    #4C473A;  /* nav links              */
  --muted-3:    #6B6555;  /* darkened from #7C7566 to meet 4.5:1 on light bg */
  --sand:       #7C7566;  /* demo captions          */
  --line:       #DAD5C6;  /* hairlines              */
  --line-2:     #E2DED0;  /* inner hairlines        */
  --callout-card: #FAF9F5; /* cross-audience callout card face */
}

/* --navy is reused for headings and the primary button; headings win the
   token, so retarget the primary action to the rust accent explicitly. */
.btn--primary { background: var(--brass); color: #fff; }
.btn--primary:hover { background: var(--navy-hover); }

/* Secondary button sits on the dark CTA panel: white face, brown label. */
.btn--secondary { background: #FFFFFF; color: var(--navy); }
.btn--secondary:hover { background: #F3EFE6; }