/* ==========================================================================
   Docketbook — colour tokens
   Loaded after core dashboard.css (and on the sign-in screen after login.css),
   so everything here overrides the core's neutral defaults. Colour lives
   here; so do the --an-* brand tokens (type, radius, shadow) that only the
   analytics page reads. Geometry and components are otherwise the core's.

   Measured brand, 4 Sep 2026:
     Indigo  #050086   the hero field, headings, the avatar
     Blue    #0B01FE   every button and link, white on it is 8.6:1
   Mint, amber, rose and grey stay as status colours.
   ========================================================================== */

:root{
  --bg:#F7F8FD; --wash:#E4E4FA;
  --navy:#050086; --navy2:#1F1FB8; --navy-mut:#B4B4E4;
  --blue:#0B01FE; --blue-h:#050086; --blue-soft:#E8E7FF; --blue-ink:#2A24B0;
  --s1:#0B01FE; --s2:#b45309;
  --on-blue:#ffffff;
  --r1:#DCDBFF; --r2:#B4B2FF; --r3:#7D79FF; --r4:#3B33F5; --r5:#1A138F;
  --sh:0 1px 2px rgba(5,0,134,.05), 0 10px 26px -18px rgba(5,0,134,.30);

  /* Sign-in screen */
  --wk-primary:#050086;      /* card accent, hover */
  --wk-accent:#0B01FE;       /* buttons, focus rings */
  --wk-accent-h:#050086;
  --wk-accent-soft:rgba(11,1,254,.18);
  --wk-login-bg:#F4F7FB;
  --wk-login-glow-a:rgba(11,1,254,.09);
  --wk-login-glow-b:rgba(5,0,134,.06);
  --wk-login-shadow:rgba(5,0,134,.07);

  /* Analytics page only (products/workspace/assets/css/analytics.css).
     Measured on www.docketbook.com.au 25 Sep 2026: the hero and dark
     sections are #000128, buttons and cards are square with no shadow.
     Type is Inter, the brand spec's App face: the site's Circular cannot be
     served from our domain under its licence. These are brand tokens, not
     just colour - they apply to the analytics page and nothing else. */
  --an-hero:#000128; --an-hero-ink:#FFFFFF; --an-hero-mut:#B9C3EE;
  --an-s1:#0B01FE; --an-s2:#B4B2FF;
  --an-font:"Inter",-apple-system,"Segoe UI",Roboto,sans-serif;
  --an-disp:"Inter",-apple-system,"Segoe UI",Roboto,sans-serif;
  --an-rad-card:0px; --an-rad-ctl:0px; --an-rad-pill:0px; --an-shadow:none;
}
:root[data-theme="dark"]{
  --bg:#0C0C1F; --wash:#1A1A48;
  --navy:#0A0A3A; --navy2:#1A1A8A; --navy-mut:#9C9CD8;
  --blue:#6C66FF; --blue-h:#8A85FF; --blue-soft:#1C1A55; --blue-ink:#A7A3FF;
  --s1:#6C66FF; --s2:#b8862c;
  --on-blue:#0C0C1F;   /* #6C66FF carries white at only 4.2:1; the dark ink is 5.5:1 */
  --r1:#1A1A55; --r2:#28288A; --r3:#4340C8; --r4:#6C66FF; --r5:#A7A3FF;
  --sh:0 1px 2px rgba(0,0,0,.5), 0 12px 32px -22px rgba(0,0,0,.9);
  --an-hero:#000128; --an-hero-mut:#A9B4E6;
  --an-s1:#6F9BFE; --an-s2:#3A3C78;
  --an-tab-on:#6F9BFE; --an-tab-on-ink:#0C0C1F;
}
