/* ══════════════════════════════════════════════════════════════════════════
   theme-auth.css — the colour tokens behind sign-in and sign-up (auth-v3.css).

   Colours only, so the hex literals live in a token file like every other
   theme-*.css. Load order on login.html / signup.html:
     plenum.css → theme-auth.css → auth-v3.css

   Two groups:
     --au-*        page-level inks plenum does not carry. plenum's .btn-accent is
                   #fff on --accent (3.28:1 light, 2.37:1 dark) and fails AA on
                   the page's only action; --au-btn darkens the fill on light and
                   puts ink on the ice-blue in dark.
     .au-inverse   the showcase panel is ALWAYS the inverse of the page ground —
                   the dark Airflow palette on the light theme and the light one
                   on the dark — so it redefines plenum's own token names inside
                   itself and everything in it just reads var(--panel) etc.
   ══════════════════════════════════════════════════════════════════════════ */

:root {
  --au-link: #0b5f9b;
  --au-neg-ink: #b32626;
  --au-btn: #0f76bf;
  --au-btn-hover: #0b5f9b;
  --au-btn-ink: #fff;
  --au-chrome-light: #f4f6fa;
  --au-chrome-dark: #0e0f12;
}
:root[data-theme="dark"] {
  --au-link: #5cc0ff;
  --au-neg-ink: #ff8a8a;
  --au-btn: #33b1ff;
  --au-btn-hover: #5cc0ff;
  --au-btn-ink: #0e0f12;
}

.au-inverse {
  background: #0e0f12;
  color: #f2f4f8;
  --paper: #0e0f12;
  --panel: #1b1e25;
  --panel-2: #23272f;
  --sunken: #15171c;
  --ink: #f2f4f8;
  --ink-2: #aeb6c4;
  --ink-3: #8b95a7;
  --hair: #2c313b;
  --hair-2: #3a404c;
  --accent: #33b1ff;
  --accent-2: #5cc0ff;
  --accent-wash: #0a2233;
  --sh-2: 0 1px 2px rgba(0, 0, 0, .42), 0 18px 40px -12px rgba(0, 0, 0, .6);
}
:root[data-theme="dark"] .au-inverse {
  background: #f4f6fa;
  color: #131722;
  --paper: #f4f6fa;
  --panel: #fff;
  --panel-2: #eef2f7;
  --sunken: #e9edf3;
  --ink: #131722;
  --ink-2: #4a5568;
  --ink-3: #6b7585;
  --hair: #e1e6ee;
  --hair-2: #d5dce8;
  --accent: #1493e6;
  --accent-2: #0f76bf;
  --accent-wash: #dcecfb;
  --sh-2: 0 2px 8px rgba(28, 26, 22, .07), 0 22px 50px -14px rgba(28, 26, 22, .24);
}