/* Marca 12WeekMax (produto) e ZeroPapel (empresa): cores, letras e peças comuns.
   Verde e grafite tirados dos logotipos: 12WeekMax #90DE49 e #1C1B1D; ZeroPapel #7FC359 e #3D3436.
   Contrastes conferidos (WCAG): texto principal 15,6:1; texto secundário 6,2:1; verde escuro de texto 5,6:1. */
:root{
  --bg:#F3F5EF;
  --surface:#FFFFFF;
  --surface-2:#F7F8F4;
  --ink:#1C1B1D;
  --graphite:#3D3436;
  --muted:#5E5A5D;
  --line:#E1E4DC;
  --brand:#90DE49;            /* verde do 12WeekMax: fundos, destaques e botões */
  --brand-zp:#7FC359;         /* verde da ZeroPapel */
  --on-brand:#1C1B1D;         /* texto sobre o verde */
  --brand-soft:#E9F8DA;
  --brand-ink:#2F6F12;        /* verde para texto, links e bordas sobre fundo claro */
  --ok:#276A14;
  --ok-soft:#DDF2CF;
  --warn:#A13A16;
  --warn-soft:#F9E3D8;
  --rec:#D3263C;
  --lock:#8A878A;
  --shadow:0 1px 2px rgba(28,27,29,.06),0 4px 16px rgba(28,27,29,.06);
  --font-display:"Nunito",ui-rounded,"Arial Rounded MT Bold","Segoe UI",system-ui,sans-serif;
  --font-body:"Figtree","Segoe UI",system-ui,-apple-system,sans-serif;
  --tabbar-h:64px;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#121113;--surface:#1C1B1D;--surface-2:#242226;--ink:#F1F2EE;--graphite:#D9D6D7;--muted:#A9A5A8;--line:#302D31;
    --brand:#90DE49;--brand-zp:#7FC359;--on-brand:#1C1B1D;--brand-soft:#22301A;--brand-ink:#A4E86A;
    --ok:#8FDB62;--ok-soft:#1E3317;--warn:#FF8A5C;--warn-soft:#3A2219;--rec:#FF5A6E;--lock:#7A767A;
    --shadow:0 1px 2px rgba(0,0,0,.4),0 6px 20px rgba(0,0,0,.25);
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#121113;--surface:#1C1B1D;--surface-2:#242226;--ink:#F1F2EE;--graphite:#D9D6D7;--muted:#A9A5A8;--line:#302D31;
  --brand:#90DE49;--brand-zp:#7FC359;--on-brand:#1C1B1D;--brand-soft:#22301A;--brand-ink:#A4E86A;
  --ok:#8FDB62;--ok-soft:#1E3317;--warn:#FF8A5C;--warn-soft:#3A2219;--rec:#FF5A6E;--lock:#7A767A;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 6px 20px rgba(0,0,0,.25);
  color-scheme:dark;
}

/* Sublinhado em curva, como o do logotipo */
.swoosh{font-style:normal;padding-bottom:.12em;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 16' preserveAspectRatio='none'%3E%3Cpath d='M4 12 C 60 2, 140 2, 196 8' fill='none' stroke='%2390DE49' stroke-width='7' stroke-linecap='round'/%3E%3C/svg%3E") left bottom/100% .32em no-repeat}

/* Logotipos */
.logo-12wm{display:block;height:30px;width:auto}
.logo-zp{display:block;height:34px;width:auto}
.assinatura{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--muted)}