/* ============================================================
   css/brand-tokens.css -- the landing's brand palette, shared.

   The public landing (main-page/index.html) declares these inline
   as --ink / --action-hi / --mint etc. in its own <style>. Those
   names collide with the app's own --ink (login.css, global.css),
   so the app side reads them here under a --brand-* prefix. Same
   values, one source for any app page that wants to look like the
   landing (first user: pages/login.html). main-page/ keeps its own
   copy; if the landing palette moves, move it here in the same PR.

     deep ink    #05323A  same hue as the logo, text on light glass
     action      #129DA5 -> #0B7A82  the logo cyan, CTA gradient
     cyan-200    #9ADFE4  focus ring on dark
     mint        #28F0B8  glow and rim ONLY, never text or fill

   The brand is the same in both themes. Dark values are written
   out anyway (scripts/check-dark-parity.py): dark is designed, not
   inherited, and this is where the next person will look.
   ============================================================ */
:root {
  --brand-ink: #05323A;
  --brand-ink-2: #0A4650;
  --brand-ink-muted: #3D5F66;
  --brand-mist: #E6F5F6;
  --brand-paper-tint: #F3FAFB;
  --brand-action-hi: #129DA5;
  --brand-action-lo: #0B7A82;
  --brand-action-deep: #09686F;
  --brand-cyan-200: #9ADFE4;
  --brand-mint: #28F0B8;
}
html[data-theme="dark"] {
  --brand-ink: #05323A;
  --brand-ink-2: #0A4650;
  --brand-ink-muted: #3D5F66;
  --brand-mist: #E6F5F6;
  --brand-paper-tint: #F3FAFB;
  --brand-action-hi: #129DA5;
  --brand-action-lo: #0B7A82;
  --brand-action-deep: #09686F;
  --brand-cyan-200: #9ADFE4;
  --brand-mint: #28F0B8;
}