/* Shared semantic colours for the portal and the offline mobile shell. */
:root {
  color-scheme: light;
  --surface:#ffffff; --canvas:#f5f7f4; --ink:#183532; --muted:#586e67;
  --line:#d3dfd8; --soft:#eaf1ec;
  --primary:#126c69; --primary-dark:#0e514e; --on-primary:#ffffff;
  --danger:#a23d3b; --danger-soft:#fff0ef;
  --amber:#80520f; --amber-soft:#fff4e1;
  --success:#246545; --success-soft:#e8f5ef;
  --hero:#123e38;
}
:root[data-palette="ocean"] { --primary:#1768a1; --primary-dark:#10507e; --canvas:#f2f6fa; --soft:#e5eff8; --hero:#15364e; }
:root[data-palette="amethyst"] { --primary:#7550a0; --primary-dark:#59367f; --canvas:#f7f4fa; --soft:#eee7f5; --hero:#362545; }
:root[data-palette="copper"] { --primary:#97512e; --primary-dark:#74391d; --canvas:#faf5ef; --soft:#f3e8db; --hero:#473023; }
:root[data-scheme="dark"] {
  color-scheme: dark;
  --surface:#1c2928; --canvas:#111b1a; --ink:#e6efeb; --muted:#afc2ba;
  --line:#425750; --soft:#2a3e38;
  --primary:#7ed6c1; --primary-dark:#a3e7d7; --on-primary:#102723;
  --danger:#ffaaa4; --danger-soft:#472b2c;
  --amber:#f0c477; --amber-soft:#403725;
  --success:#8bdbaf; --success-soft:#233e32;
}
:root[data-scheme="dark"][data-palette="ocean"] { --surface:#1b2936; --canvas:#111b26; --soft:#263c50; --line:#42576c; --primary:#8acaff; --primary-dark:#b3ddff; --on-primary:#12283a; }
:root[data-scheme="dark"][data-palette="amethyst"] { --surface:#2b2535; --canvas:#1b1722; --soft:#3b304b; --line:#5b4b6e; --primary:#d0aff6; --primary-dark:#e3ccff; --on-primary:#30203e; }
:root[data-scheme="dark"][data-palette="copper"] { --surface:#302820; --canvas:#201a15; --soft:#44372a; --line:#63513f; --primary:#efba8c; --primary-dark:#ffdab9; --on-primary:#382416; }
html,body { background:var(--canvas); color:var(--ink); }
button { color:inherit; }
.primary,.brand-mark { color:var(--on-primary); }
.sidebar { background:linear-gradient(165deg,var(--surface) 35%,var(--soft)); }
.login-story { background:var(--hero); }
.appearance-preview { display:flex; align-items:center; gap:14px; padding:20px; margin-bottom:16px; border:1px solid var(--line); border-radius:14px; background:var(--soft); }
.appearance-preview small { display:block; }
.appearance-preview .brand-mark { flex-shrink:0; }
.appearance-preview .badge { margin-left:auto; }
.audit-section:focus { outline:2px solid var(--primary); outline-offset:4px; }
.signature-pad { background:#fff; }
@media(max-width:400px) { .appearance-preview { padding:14px; gap:10px; } .appearance-preview .badge { display:none; } }
@media print { :root[data-scheme][data-palette] { color-scheme:light; --surface:white; --canvas:white; --ink:#183532; --muted:#586e67; --line:#d3dfd8; --soft:#eaf1ec; --primary:#126c69; --on-primary:white; --danger:#a23d3b; --danger-soft:#fff0ef; --amber:#80520f; --amber-soft:#fff4e1; --success:#246545; --success-soft:#e8f5ef; } }