/* ==========================================================================
   SEOzo HQ — colour tokens
   Loaded after the hq product's dashboard.css (and on the sign-in screen
   after login.css), so everything here overrides the neutral defaults.
   Nothing but colour lives in this file.

   The palette is Luke's Control Room design (artifact d684c3a4, 5 Sep 2026),
   unchanged: a cool near-white ground, slate ink, one blue for actions.
   ========================================================================== */

:root{
  --bg:#f7fafd; --wash:#e4f2fa; --card:#ffffff; --sunk:#f1f5f9;
  --ink:#0f2033; --ink2:#3f5468; --muted:#6b7d8f; --line:#e7eef5; --line2:#d5e1ec;
  --blue:#2563eb; --blue-h:#1d4ed8; --blue-soft:#eaf1fd; --blue-ink:#1c4ec2;
  --amber:#8a5a10; --amber-soft:#fbeed5;
  --mint:#0d6b45; --mint-soft:#d4f2e3;
  --rose:#9c2a2a; --rose-soft:#fbe4e2;
  --grey:#5b6b7f; --grey-soft:#eef2f7;
  --on-blue:#ffffff;   /* white on #2563eb is 5.2:1 */
  --sh:0 1px 2px rgba(15,32,51,.04), 0 10px 30px -20px rgba(15,32,51,.30);

  /* Sign-in screen */
  --wk-primary:#0f2033;
  --wk-accent:#2563eb;
  --wk-accent-h:#1d4ed8;
  --wk-accent-soft:rgba(37,99,235,.18);
  --wk-login-bg:#f7fafd;
  --wk-login-glow-a:rgba(37,99,235,.10);
  --wk-login-glow-b:rgba(15,32,51,.06);
  --wk-login-shadow:rgba(15,32,51,.07);
}

/* The sign-in screen's logo slot: core points it at logo.svg; this site
   ships the SEOzo wordmark as a PNG (419x128), so point it there and give the
   slot that shape. The screen is always light, so the light-bg file is right. */
body.login #login h1 a,
body.login #login .wp-login-logo a{
  background-image:url("../img/logo.png");
  width:196px; height:60px; background-size:196px 60px;
}
:root[data-theme="dark"]{
  --bg:#0c141c; --wash:#12303f; --card:#141f2b; --sunk:#1a2733;
  --ink:#e8f0f7; --ink2:#b0c3d3; --muted:#8399ab; --line:#233241; --line2:#31465a;
  --blue:#5b93f5; --blue-h:#7aa8f8; --blue-soft:#15294a; --blue-ink:#9dbdf9;
  --amber:#dfb266; --amber-soft:#3a2b12;
  --mint:#69cba0; --mint-soft:#12352a;
  --rose:#ef9d96; --rose-soft:#3b1d1c;
  --grey:#93a6b8; --grey-soft:#1d2b38;
  --on-blue:#0b1420;   /* the design's own dark-button ink */
  --sh:0 1px 2px rgba(0,0,0,.5), 0 12px 32px -22px rgba(0,0,0,.9);
}