/* Base compartilhada por obrigado.html e termos.html (tokens copiados do index.html). */
  :root{
    --bg:#EFEDF3;
    --surface:#FFFFFF;
    --surface-raised:#FBFAFE;
    --line:#DBD8E4;
    --line-strong:#C3BFD1;
    --text:#171522;
    --text-soft:#5B5768;
    --text-faint:#8C889B;
    --violet:#6C4CF1;
    --violet-ink:#FFFFFF;
    --violet-soft:#EDE8FE;
    --coral:#E85A38;
    --coral-soft:#FCE3DB;
    --good:#1E8E5A;
    --good-soft:#DFF3E8;
    --shadow: 0 1px 2px rgba(23,21,34,0.04), 0 8px 24px -12px rgba(23,21,34,0.16);
  }
  @media (prefers-color-scheme: dark){
    :root:not([data-theme="light"]){
      --bg:#131120;
      --surface:#1C1930;
      --surface-raised:#211E38;
      --line:#332E4D;
      --line-strong:#453F63;
      --text:#F1EFFA;
      --text-soft:#B4AFC9;
      --text-faint:#7C7794;
      --violet:#8F76FF;
      --violet-ink:#171225;
      --violet-soft:#2B2650;
      --coral:#FF8465;
      --coral-soft:#3B2432;
      --good:#4FCE93;
      --good-soft:#1B3327;
      --shadow: 0 1px 2px rgba(0,0,0,0.3), 0 12px 32px -12px rgba(0,0,0,0.55);
    }
  }
  :root[data-theme="dark"]{
    --bg:#131120;
    --surface:#1C1930;
    --surface-raised:#211E38;
    --line:#332E4D;
    --line-strong:#453F63;
    --text:#F1EFFA;
    --text-soft:#B4AFC9;
    --text-faint:#7C7794;
    --violet:#8F76FF;
    --violet-ink:#171225;
    --violet-soft:#2B2650;
    --coral:#FF8465;
    --coral-soft:#3B2432;
    --good:#4FCE93;
    --good-soft:#1B3327;
    --shadow: 0 1px 2px rgba(0,0,0,0.3), 0 12px 32px -12px rgba(0,0,0,0.55);
  }

  *{box-sizing:border-box;}
  body{
    margin:0;
    background:var(--bg);
    color:var(--text);
    font-family:"IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;
    font-size:15px;
    line-height:1.5;
  }
  h1,h2,h3{
    font-family:"Archivo", ui-sans-serif, system-ui, sans-serif;
    text-wrap:balance;
    margin:0;
  }
  .mono{ font-family:"IBM Plex Mono", ui-monospace, monospace; font-variant-numeric:tabular-nums; }

  a{ color:var(--violet); }
  .page{ max-width:720px; margin:0 auto; padding:32px 16px 64px; }
  .top{ display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:28px; flex-wrap:wrap; }
  .brand{ font-family:"Archivo"; font-weight:900; font-size:20px; letter-spacing:0.01em; text-decoration:none; color:var(--text); }
  .langs{ display:flex; border:1px solid var(--line); border-radius:9px; overflow:hidden; }
  .langs a{ padding:6px 10px; font-size:12.5px; font-weight:700; text-decoration:none; color:var(--text-soft); }
  .langs a + a{ border-left:1px solid var(--line); }
  .langs a.active{ background:var(--violet); color:var(--violet-ink); }
  .card{ background:var(--surface); border:1px solid var(--line); border-radius:16px; box-shadow:var(--shadow); padding:24px 20px; }
  .card h1{ font-size:26px; margin-bottom:10px; }
  .card h2{ font-size:17px; margin:22px 0 6px; }
  .card p, .card li{ color:var(--text-soft); }
  .code{ display:inline-block; font-family:"IBM Plex Mono", monospace; font-weight:600; font-size:18px; background:var(--violet-soft); color:var(--text); padding:6px 12px; border-radius:8px; margin:6px 0 4px; }
  .draft{ background:var(--coral-soft); color:var(--text); border-radius:9px; padding:10px 12px; font-size:13px; font-weight:600; margin-bottom:18px; }
  .muted{ font-size:13px; color:var(--text-faint); }
  .btn{ display:inline-block; margin-top:18px; background:var(--violet); color:var(--violet-ink); border-radius:9px; padding:11px 16px; font-weight:700; text-decoration:none; }
  [lang-block]{ display:none; }
  html[lang="pt-BR"] [lang-block="pt"], html[lang="en"] [lang-block="en"], html[lang="es"] [lang-block="es"]{ display:block; }