/* public_html/css/brand.css — Celsor · identidade "Trama" para as páginas públicas (TV, receita, confirmação, termos, privacidade).
   Mesmos tokens do app (css/app.css), claro e escuro. O app NÃO carrega este arquivo: ele já tem os tokens no próprio CSS. */
@font-face{font-family:Inter;src:url(/fonts/InterVariable-latin.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root{
  --bg:#F4F7F9; --surface:#FFFFFF; --surface-2:#EBF0F4; --ink:#0C1822; --on-ink:#FFFFFF; --ink-2:#3D4E5C; --muted:#566775;
  --line:#D8E0E6; --line-field:#7A8B98;
  --accent:#2DD4BF; --on-accent:#0C1822; --accent-ink:#0F766E; --accent-ring:#0D9488;
  --ok:#17704A; --ok-wash:#E3F4EB; --warn:#8F5200; --warn-wash:#FBEFD9; --err:#B3261E; --err-wash:#FBE7E5;
  --sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; --serif:var(--sans);
  color-scheme:light dark;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#07131F; --surface:#0E1B27; --surface-2:#15273A; --ink:#E8EEF3; --on-ink:#0C1822; --ink-2:#B4C2CD; --muted:#8CA0AF;
  --line:#223647; --line-field:#6A8092; --accent-ink:#5EEAD4; --accent-ring:#2DD4BF;
  --ok:#4CC38A; --ok-wash:#10291E; --warn:#E3A24A; --warn-wash:#2E230F; --err:#F28B82; --err-wash:#381A1A;
}}
:root[data-theme="dark"]{
  --bg:#07131F; --surface:#0E1B27; --surface-2:#15273A; --ink:#E8EEF3; --on-ink:#0C1822; --ink-2:#B4C2CD; --muted:#8CA0AF;
  --line:#223647; --line-field:#6A8092; --accent-ink:#5EEAD4; --accent-ring:#2DD4BF;
  --ok:#4CC38A; --ok-wash:#10291E; --warn:#E3A24A; --warn-wash:#2E230F; --err:#F28B82; --err-wash:#381A1A;
  color-scheme:dark;
}
:root[data-theme="light"]{color-scheme:light}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--ink);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
:focus-visible{outline:2px solid var(--accent-ring);outline-offset:2px;border-radius:6px}
/* logo com duas versões, uma por tema */
.logo-sw{display:inline-flex;align-items:center}
.logo-sw img{display:block;height:auto}
.logo-sw .lg-d{display:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .logo-sw .lg-l{display:none}:root:not([data-theme="light"]) .logo-sw .lg-d{display:block}}
:root[data-theme="dark"] .logo-sw .lg-l{display:none}
:root[data-theme="dark"] .logo-sw .lg-d{display:block}
/* rodapé discreto das páginas do paciente */
.pub-foot{display:flex;justify-content:center;padding:4px 16px 36px;opacity:.9}
.pub-foot .logo-sw img{width:84px}