/* Draffa — variáveis do design system. Gerado de tokens.json; não editar à mão. */
@font-face{font-family:'Chillax';src:url('/fontes/Chillax-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Satoshi';src:url('/fontes/Satoshi-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Satoshi';src:url('/fontes/Satoshi-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Satoshi';src:url('/fontes/Satoshi-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
:root,[data-theme="light"]{
  color-scheme:light;
  --surface:#f6f6fa;
  --surface-raised:#ffffff;
  --surface-sunken:#ededf4;
  --line:#e3e3ee;
  --line-strong:#8c8ca6;
  --ink:#14142b;
  --ink-muted:#595976;
  --ink-faint:#6e6e8c;
  --primary:#0a0af0;
  --primary-hover:#0808c4;
  --on-primary:#ffffff;
  --primary-soft:#eaeafe;
  --link:#0a0af0;
  --success:#0e7a50;
  --success-soft:#e2f5ec;
  --warning:#8a5800;
  --warning-soft:#fff1d4;
  --danger:#bf2c40;
  --danger-soft:#fde7ea;
  --brand-pink:#e24fa8;
  --brand-yellow:#e9e25a;
  --focus-ring:#0a0af0;
  --scrim:#0b0b2080;
  --shadow-1:0 1px 2px rgba(20,20,43,0.06), 0 2px 8px rgba(20,20,43,0.05);
  --shadow-2:0 2px 4px rgba(20,20,43,0.05), 0 10px 28px rgba(20,20,43,0.09);
  --shadow-3:0 4px 10px rgba(20,20,43,0.06), 0 24px 56px rgba(20,20,43,0.16);
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-8:32px;
  --space-10:40px;
  --space-14:56px;
  --radius-sm:10px;
  --radius-md:14px;
  --radius-lg:20px;
  --radius-xl:28px;
  --radius-full:999px;
  --size-touch:44px;
  --size-control:48px;
  --size-field:52px;
  --font-display:"Chillax", "Satoshi", system-ui, sans-serif;
  --font-sans:"Satoshi", system-ui, -apple-system, "Segoe UI", sans-serif;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  color-scheme:dark;
  --surface:#0b0b20;
  --surface-raised:#16163a;
  --surface-sunken:#08081a;
  --line:#28284a;
  --line-strong:#6e6e96;
  --ink:#f1f1fa;
  --ink-muted:#a7a7c4;
  --ink-faint:#8c8cae;
  --primary:#5b5bff;
  --primary-hover:#4242ee;
  --on-primary:#ffffff;
  --primary-soft:#1d1d5e;
  --link:#a3a3ff;
  --success:#5ed6a0;
  --success-soft:#0d2e23;
  --warning:#f2c15b;
  --warning-soft:#33280b;
  --danger:#ff8b99;
  --danger-soft:#3a1421;
  --brand-pink:#e24fa8;
  --brand-yellow:#e9e25a;
  --focus-ring:#a3a3ff;
  --scrim:#000000a6;
  --shadow-1:0 1px 2px rgba(0,0,0,0.4), 0 2px 8px rgba(0,0,0,0.3);
  --shadow-2:0 2px 4px rgba(0,0,0,0.4), 0 10px 28px rgba(0,0,0,0.45);
  --shadow-3:0 4px 10px rgba(0,0,0,0.5), 0 24px 56px rgba(0,0,0,0.6);
}}
[data-theme="dark"]{
  color-scheme:dark;
  --surface:#0b0b20;
  --surface-raised:#16163a;
  --surface-sunken:#08081a;
  --line:#28284a;
  --line-strong:#6e6e96;
  --ink:#f1f1fa;
  --ink-muted:#a7a7c4;
  --ink-faint:#8c8cae;
  --primary:#5b5bff;
  --primary-hover:#4242ee;
  --on-primary:#ffffff;
  --primary-soft:#1d1d5e;
  --link:#a3a3ff;
  --success:#5ed6a0;
  --success-soft:#0d2e23;
  --warning:#f2c15b;
  --warning-soft:#33280b;
  --danger:#ff8b99;
  --danger-soft:#3a1421;
  --brand-pink:#e24fa8;
  --brand-yellow:#e9e25a;
  --focus-ring:#a3a3ff;
  --scrim:#000000a6;
  --shadow-1:0 1px 2px rgba(0,0,0,0.4), 0 2px 8px rgba(0,0,0,0.3);
  --shadow-2:0 2px 4px rgba(0,0,0,0.4), 0 10px 28px rgba(0,0,0,0.45);
  --shadow-3:0 4px 10px rgba(0,0,0,0.5), 0 24px 56px rgba(0,0,0,0.6);
}
.titulo-tela{font-family:var(--font-display);font-size:32px;line-height:36px;font-weight:500;letter-spacing:-0.02em;}
.titulo{font-family:var(--font-display);font-size:24px;line-height:28px;font-weight:500;letter-spacing:-0.01em;}
.secao{font-family:var(--font-sans);font-size:17px;line-height:22px;font-weight:500;}
.corpo{font-family:var(--font-sans);font-size:16px;line-height:24px;font-weight:400;}
.corpo-forte{font-family:var(--font-sans);font-size:16px;line-height:24px;font-weight:500;}
.apoio{font-family:var(--font-sans);font-size:14px;line-height:20px;font-weight:400;}
.rotulo{font-family:var(--font-sans);font-size:13px;line-height:16px;font-weight:500;}
.legenda{font-family:var(--font-sans);font-size:12px;line-height:16px;font-weight:500;}