/* A marca do app: cores e letra. Só tokens; nenhuma cor solta nas telas.
   Direção: "areia e coral": quente, limpo, profissional e acolhedor, com números grandes em Sora. */
@font-face { font-family: 'Sora'; src: url('/fontes/sora.woff2') format('woff2'); font-weight: 300 800; font-style: normal; font-display: swap; }

:root {
  --marca: #E5603A; --marca-forte: #C24A27; --marca-suave: #FBE7DF; --sobre-marca: #FFFFFF;
  --fundo: #F6F1EA; --superficie: #FFFFFF; --superficie-2: #EFE8DF; --borda: #E2D9CE;
  --texto: #1D1A1F; --texto-2: #5F5964; --texto-invertido: #FFFFFF;
  --ok: #1B7A57; --ok-suave: #DCF2E7; --alerta: #8A5A00; --alerta-suave: #FFF1CF; --erro: #B3302A; --erro-suave: #FBE2E0; --info: #2E5E86; --info-suave: #E1ECF5;
  --fonte-titulo: 'Sora', var(--fonte);
  --raio: 14px; --raio-grande: 22px;
  --sombra: 0 1px 2px rgb(40 20 10 / 0.05), 0 6px 20px rgb(40 20 10 / 0.07);
  --sombra-forte: 0 10px 30px rgb(40 20 10 / 0.18);
  --veu: rgb(20 12 10 / 0.55);
  --heroi-a: #F08A5D; --heroi-b: #E5603A; --heroi-c: #8E3B6B; --sobre-heroi: #FFF7F2;
  --ameixa: #8E3B6B; --ameixa-suave: #F3E3EC; --qr-fundo: #FFFFFF; --leitor-fundo: #000000; --brilho: rgb(255 255 255 / 0.14); --brilho-forte: rgb(255 255 255 / 0.5); --sombra-escura: rgb(0 0 0 / 0.35);
  /* cores dos avatares (10), com texto que contrasta */
  --cor-0: #F4C7B6; --cor-0-t: #6B2A14; --cor-1: #CFE5D6; --cor-1-t: #1F4A36; --cor-2: #F6E3A6; --cor-2-t: #5C4300;
  --cor-3: #CDDDF2; --cor-3-t: #1E3A5F; --cor-4: #E6D2EC; --cor-4-t: #4D2A5B; --cor-5: #F8D4D4; --cor-5-t: #6E2222;
  --cor-6: #D8ECE9; --cor-6-t: #1E4D47; --cor-7: #EADFCB; --cor-7-t: #5A4420; --cor-8: #D9E2F8; --cor-8-t: #2C3A6B; --cor-9: #F5D9C2; --cor-9-t: #6A3A1A;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-tema="claro"]) {
    --marca: #FF7D55; --marca-forte: #FF9B7C; --marca-suave: #3B231B; --sobre-marca: #1C0E09;
    --fundo: #121014; --superficie: #1B171E; --superficie-2: #262029; --borda: #332C38;
    --texto: #F4EEF0; --texto-2: #ABA2AF; --texto-invertido: #121014;
    --ok: #5FD3A4; --ok-suave: #16352B; --alerta: #F2C45E; --alerta-suave: #3B2E0E; --erro: #FF8F86; --erro-suave: #3F1816; --info: #7FB4E0; --info-suave: #1B3246;
    --sombra: 0 1px 2px rgb(0 0 0 / 0.5); --sombra-forte: 0 12px 32px rgb(0 0 0 / 0.6); --veu: rgb(0 0 0 / 0.7);
    --heroi-a: #B5482B; --heroi-b: #7E2E55; --heroi-c: #2A1C33; --sobre-heroi: #FFF2EA;
    --ameixa: #E8A9CF; --ameixa-suave: #3C2234;
    --cor-0: #5A2A1E; --cor-0-t: #FFD1C2; --cor-1: #1F3E31; --cor-1-t: #BFEBD2; --cor-2: #4A3A0C; --cor-2-t: #FFE9A8;
    --cor-3: #1E3350; --cor-3-t: #C9DDF7; --cor-4: #40274B; --cor-4-t: #E7D0F0; --cor-5: #552020; --cor-5-t: #FFD2D2;
    --cor-6: #1C3F3B; --cor-6-t: #C8EEE9; --cor-7: #4A3A22; --cor-7-t: #EEDFC6; --cor-8: #27335C; --cor-8-t: #D6E0FF; --cor-9: #52311C; --cor-9-t: #FFDCC4;
  }
}
:root[data-tema="escuro"] {
  --marca: #FF7D55; --marca-forte: #FF9B7C; --marca-suave: #3B231B; --sobre-marca: #1C0E09;
  --fundo: #121014; --superficie: #1B171E; --superficie-2: #262029; --borda: #332C38;
  --texto: #F4EEF0; --texto-2: #ABA2AF; --texto-invertido: #121014;
  --ok: #5FD3A4; --ok-suave: #16352B; --alerta: #F2C45E; --alerta-suave: #3B2E0E; --erro: #FF8F86; --erro-suave: #3F1816; --info: #7FB4E0; --info-suave: #1B3246;
  --sombra: 0 1px 2px rgb(0 0 0 / 0.5); --sombra-forte: 0 12px 32px rgb(0 0 0 / 0.6); --veu: rgb(0 0 0 / 0.7);
  --heroi-a: #B5482B; --heroi-b: #7E2E55; --heroi-c: #2A1C33; --sobre-heroi: #FFF2EA;
  --ameixa: #E8A9CF; --ameixa-suave: #3C2234;
  --cor-0: #5A2A1E; --cor-0-t: #FFD1C2; --cor-1: #1F3E31; --cor-1-t: #BFEBD2; --cor-2: #4A3A0C; --cor-2-t: #FFE9A8;
  --cor-3: #1E3350; --cor-3-t: #C9DDF7; --cor-4: #40274B; --cor-4-t: #E7D0F0; --cor-5: #552020; --cor-5-t: #FFD2D2;
  --cor-6: #1C3F3B; --cor-6-t: #C8EEE9; --cor-7: #4A3A22; --cor-7-t: #EEDFC6; --cor-8: #27335C; --cor-8-t: #D6E0FF; --cor-9: #52311C; --cor-9-t: #FFDCC4;
}