/* Canonical product theme tokens.
   These live outside tenant @scope blocks so the document root can own the
   inherited palette. Tenant identity enters only through the documented
   --tenant-brand and --tenant-on-brand inputs. */
:root {
  --brand:var(--tenant-brand,#315F86);
  --brand-2:#274E70;
  --accent:var(--brand);
  --gold:#8A4B00;
  --bg:#F6F7F9;
  --card:#FFFFFF;
  --line:#CBD5E1;
  --ink:#111827;
  --mut:#475569;
  --tint:#EEF1F4;
  --good:#157A3D;
  --ok:var(--good);
  --info:#315F86;
  --warn2:#8A4B00;
  --bad:#B42318;
  --na:#64748B;
  --action:var(--tenant-brand,#315F86);
  --action-h:color-mix(in srgb,var(--action) 82%,#000);
  --action-ink:var(--tenant-on-brand,#fff);
  --badgeink:#fff;
  --pinface:#E8F0F7;
  --pintext:#475569;
  --tagborder:#CBD5E1;
  --focus:#8A4B00;
  --wechat:#07C160;
  --whatsapp:#0B6B57;
  --shadow:0 1px 2px rgba(16,32,52,.06),0 4px 16px rgba(16,32,52,.06);
  --r:16px;
  --r-sm:10px;
  --tap:44px;
}

@media (prefers-color-scheme:dark) {
  :root:not([data-scheme=light]) {
    --brand:color-mix(in srgb,var(--tenant-brand,#315F86) 45%,#FFFFFF);
    --brand-2:#141A21;
    --gold:#FBBF24;
    --bg:#0B0F14;
    --card:#141A21;
    --line:#3B4654;
    --ink:#F8FAFC;
    --mut:#CBD5E1;
    --tint:#1D2630;
    --good:#4ADE80;
    --info:#A9C9E8;
    --warn2:#FBBF24;
    --bad:#FB7185;
    --na:#A6B1C1;
    --action:var(--tenant-brand,#315F86);
    --action-h:color-mix(in srgb,var(--action) 82%,#fff);
    --action-ink:var(--tenant-on-brand,#fff);
    --badgeink:#0B0F14;
    --pinface:#243242;
    --pintext:#CBD5E1;
    --tagborder:#3B4654;
    --focus:#E0B56A;
    --wechat:#33D68A;
    --whatsapp:#3AAB97;
    --shadow:0 1px 2px rgba(0,0,0,.4),0 6px 20px rgba(0,0,0,.35);
  }
}

:root[data-scheme=dark] {
  --brand:color-mix(in srgb,var(--tenant-brand,#315F86) 45%,#FFFFFF);
  --brand-2:#141A21;
  --gold:#FBBF24;
  --bg:#0B0F14;
  --card:#141A21;
  --line:#3B4654;
  --ink:#F8FAFC;
  --mut:#CBD5E1;
  --tint:#1D2630;
  --good:#4ADE80;
  --info:#A9C9E8;
  --warn2:#FBBF24;
  --bad:#FB7185;
  --na:#A6B1C1;
  --action:var(--tenant-brand,#315F86);
  --action-h:color-mix(in srgb,var(--action) 82%,#fff);
  --action-ink:var(--tenant-on-brand,#fff);
  --badgeink:#0B0F14;
  --pinface:#243242;
  --pintext:#CBD5E1;
  --tagborder:#3B4654;
  --focus:#E0B56A;
  --wechat:#33D68A;
  --whatsapp:#3AAB97;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 6px 20px rgba(0,0,0,.35);
}