/* Voz a Voz — gerado a partir de tokens.json (Design System). Não edite à mão: mude os tokens no Design System e gere de novo. */
:root, [data-theme="claro"] {
  --fundo: #f5f0e6;
  --superficie: #fffcf5;
  --superficie-2: #ece5d7;
  --linha: #e0d6c5;
  --linha-forte: #8c7f6c;
  --tinta: #241d16;
  --tinta-2: #5e5346;
  --acao: var(--tinta);
  --sobre-acao: var(--superficie);
  --ouro: #c99a2e;
  --sobre-ouro: #241d16;
  --ouro-texto: #82600f;
  --ouro-suave: #f3e6c3;
  --foco: var(--ouro-texto);
  --perigo: #b42318;
  --perigo-suave: #fbe9e6;
  --veu: #15120e8c;
  --aviso-fundo: var(--tinta);
  --aviso-texto: var(--superficie);
  --papel: #fffdf8;
  --papel-tinta: #1a1612;
  --papel-tinta-2: #5a5046;
  --papel-pauta: #5f574d;
  --cifra: #7a4a05;
  --cursor: #a87410;
  --nota-soprano: #cc4a14;
  --nota-contralto: #3b55c6;
  --nota-tenor: #22804f;
  --nota-baixo: #a35793;
  --voz-soprano: var(--nota-soprano);
  --voz-contralto: var(--nota-contralto);
  --voz-tenor: var(--nota-tenor);
  --voz-baixo: var(--nota-baixo);
  --sombra-papel: 0 1px 2px #241d1614, 0 8px 24px -10px #241d162e;
  --sombra-barra: 0 -1px 0 #e0d6c5, 0 -8px 20px -10px #241d1629;
  --sombra-flutuante: 0 2px 6px #241d161a, 0 14px 36px -8px #241d1638;
  --sombra-polegar: 0 1px 3px #241d1640;
}
[data-theme="escuro"] {
  --fundo: #15120e;
  --superficie: #1f1b16;
  --superficie-2: #2b261f;
  --linha: #3a332a;
  --linha-forte: #8a7d6a;
  --tinta: #f3ede2;
  --tinta-2: #b9ad9b;
  --acao: var(--tinta);
  --sobre-acao: var(--superficie);
  --ouro: #d6aa4a;
  --sobre-ouro: #15120e;
  --ouro-texto: #e0bb65;
  --ouro-suave: #3a2f18;
  --foco: var(--ouro-texto);
  --perigo: #f4a39a;
  --perigo-suave: #3b1d19;
  --veu: #000000a6;
  --aviso-fundo: var(--tinta);
  --aviso-texto: var(--superficie);
  --papel: #e9e2d2;
  --papel-tinta: #1a1612;
  --papel-tinta-2: #5a5046;
  --papel-pauta: #5f574d;
  --cifra: #7a4a05;
  --cursor: #a87410;
  --nota-soprano: #cc4a14;
  --nota-contralto: #3b55c6;
  --nota-tenor: #22804f;
  --nota-baixo: #a35793;
  --voz-soprano: #e5813a;
  --voz-contralto: #6a90f0;
  --voz-tenor: #74d8a0;
  --voz-baixo: #efa7d3;
  --sombra-papel: 0 1px 2px #00000080, 0 10px 28px -10px #000000b3;
  --sombra-barra: 0 -1px 0 #3a332a, 0 -8px 24px -10px #000000b3;
  --sombra-flutuante: 0 2px 6px #00000080, 0 14px 36px -8px #000000cc;
  --sombra-polegar: 0 1px 3px #00000099;
}
:root {
  --espaco-1: 4px;
  --espaco-2: 8px;
  --espaco-3: 12px;
  --espaco-4: 16px;
  --espaco-5: 24px;
  --espaco-6: 32px;
  --espaco-7: 48px;
  --espaco-8: 64px;
  --raio-papel: 3px;
  --raio-1: 6px;
  --raio-2: 10px;
  --raio-3: 16px;
  --raio-pilula: 999px;
  --alvo: 48px;
  --tocar: 64px;
  --tocar-grande: 72px;
  --cabecalho: 56px;
  --painel: 384px;
  --leitura: 680px;
  --pagina: 1120px;
  --z-cabecalho: 10;
  --z-veu: 14;
  --z-gaveta: 16;
  --z-tocador: 20;
  --z-aviso: 40;
  --dur-rapida: 120ms;
  --dur-media: 220ms;
  --curva: cubic-bezier(.2, .8, .2, 1);
  --font-ui: "Atkinson Hyperlegible Next", "Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-livro: Literata, Georgia, "Times New Roman", serif;
}
.t-corpo { font-family: var(--font-ui); font-size: 17px; line-height: 26px; font-weight: 400; }
.t-corpo-forte { font-family: var(--font-ui); font-size: 17px; line-height: 24px; font-weight: 700; }
.t-rotulo { font-family: var(--font-ui); font-size: 16px; line-height: 20px; font-weight: 700; }
.t-detalhe { font-family: var(--font-ui); font-size: 15px; line-height: 22px; font-weight: 400; }
.t-legenda { font-family: var(--font-ui); font-size: 14px; line-height: 16px; font-weight: 700; letter-spacing: 0.01em; }
.t-visor { font-family: var(--font-livro); font-size: 56px; line-height: 60px; font-weight: 600; }
.t-titulo-1 { font-family: var(--font-livro); font-size: 30px; line-height: 36px; font-weight: 600; }
.t-titulo-2 { font-family: var(--font-livro); font-size: 22px; line-height: 28px; font-weight: 600; }
.t-numero { font-family: var(--font-livro); font-size: 20px; line-height: 24px; font-weight: 600; }
.t-letra { font-family: var(--font-livro); font-size: 19px; line-height: 32px; font-weight: 400; }
.t-estrofe { font-family: var(--font-livro); font-size: 15px; line-height: 20px; font-weight: 600; font-style: italic; }
.p-titulo { font-family: var(--font-livro); font-size: 22px; line-height: 26px; font-weight: 600; }
.p-sub { font-family: var(--font-livro); font-size: 13px; line-height: 16px; font-weight: 400; font-style: italic; }
.p-letra { font-family: var(--font-livro); font-size: 14px; line-height: 18px; font-weight: 400; }
.p-rotulo { font-family: var(--font-livro); font-size: 14px; line-height: 18px; font-weight: 700; }
.p-cifra { font-family: var(--font-ui); font-size: 14px; line-height: 18px; font-weight: 700; }
.p-dinamica { font-family: var(--font-livro); font-size: 16px; line-height: 18px; font-weight: 700; font-style: italic; }
.p-texto { font-family: var(--font-livro); font-size: 13px; line-height: 16px; font-weight: 400; font-style: italic; }
.p-nav { font-family: var(--font-livro); font-size: 14px; line-height: 18px; font-weight: 600; font-style: italic; }
.p-compasso { font-family: var(--font-ui); font-size: 11px; line-height: 14px; font-weight: 400; }