/* Tokens da Raizvoz 3.0, "Lado A" (gerado por 18-redesign-direcao/ferramentas/gerar-tokens.mjs; não edite à mão). */
/* Mundo: a vitrola de maleta e o compacto guardado na capa de papel. Cada resposta é uma faixa; o ano é um álbum; o livro é a prensagem. */
/* Fontes OFL servidas pelo próprio site (sem chamada ao Google, LGPD): Bodoni Moda (eixo óptico), Albert Sans, DM Mono. */
@font-face { font-family: 'Bodoni Moda'; font-style: normal; font-weight: 400 900; font-display: swap; src: url('fonts/bodoni-moda.woff2') format('woff2'); }
@font-face { font-family: 'Bodoni Moda'; font-style: italic; font-weight: 400 900; font-display: swap; src: url('fonts/bodoni-moda-italico.woff2') format('woff2'); }
@font-face { font-family: 'Albert Sans'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('fonts/albert-sans.woff2') format('woff2'); }
@font-face { font-family: 'DM Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/dm-mono-400.woff2') format('woff2'); }
@font-face { font-family: 'DM Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url('fonts/dm-mono-500.woff2') format('woff2'); }

:root {
  /* Tipografia */
  --fonte-titulos: 'Bodoni Moda', Didot, 'Bodoni 72', Georgia, serif;
  --fonte-texto: 'Albert Sans', 'Helvetica Neue', Arial, sans-serif;
  --fonte-leitura: 'Bodoni Moda', Didot, 'Bodoni 72', Georgia, serif;
  --fonte-mono: 'DM Mono', ui-monospace, Menlo, Consolas, monospace;
  --texto-xs: 13px;
  --texto-sm: 15px;
  --texto-md: 17px;
  --texto-leitura: 21px;
  --texto-lg: 22px;
  --texto-xl: 28px;
  --texto-2xl: 40px;
  --texto-3xl: 56px;
  --texto-4xl: 96px;
  --texto-5xl: 128px;
  --peso-normal: 400;
  --peso-medio: 500;
  --peso-forte: 600;
  --peso-titulo: 400;
  --altura-texto: 1.55;
  --altura-leitura: 1.6;
  --altura-titulo: 1.04;
  --rastreio-mono: 0.12em;
  --rastreio-versal: 0.22em;

  /* Espaços, raios, movimento, layout */
  --espaco-1: 4px;
  --espaco-2: 8px;
  --espaco-3: 12px;
  --espaco-4: 16px;
  --espaco-5: 20px;
  --espaco-6: 24px;
  --espaco-8: 32px;
  --espaco-10: 40px;
  --espaco-12: 48px;
  --espaco-14: 56px;
  --espaco-16: 64px;
  --espaco-20: 80px;
  --espaco-24: 96px;
  --raio-papel: 2px;
  --raio-sm: 3px;
  --raio-md: 4px;
  --raio-pilula: 999px;
  --raio-disco: 50%;
  --mov-rapido: 140ms;
  --mov-normal: 240ms;
  --mov-entrada: 900ms;
  --mov-orbita: 60s;
  --mov-curva: cubic-bezier(0.2, 0.8, 0.2, 1);
  --alvo-minimo: 48px;
  --largura-celular: 390px;
  --largura-leitura: 680px;
  --largura-conteudo: 820px;
  --largura-max: 1240px;
  --largura-faixas: 340px;
  --ponto-tablet: 640px;
  --ponto-desktop: 960px;
  --ponto-contracapa: 1100px;

  /* Lado A (tema claro, padrão) */
  --cor-fundo: #F9EACA;
  --cor-superficie: #FFF6E4;
  --cor-superficie-alt: #F3DDB0;
  --cor-texto: #1D2340;
  --cor-texto-secundario: #4A4F6E;
  --cor-primaria: #1D2340;
  --cor-primaria-hover: #2E3560;
  --cor-sobre-primaria: #F9EACA;
  --cor-secundaria: #F2C6C0;
  --cor-secundaria-hover: #E8A9A1;
  --cor-sobre-secundaria: #1D2340;
  --cor-destaque: #F0B49E;
  --cor-sobre-destaque: #1D2340;
  --cor-cha: #F2C6C0;
  --cor-cha-forte: #E8A9A1;
  --cor-piscina: #AEDBE4;
  --cor-piscina-forte: #86C3D0;
  --cor-fita: #F0B49E;
  --cor-sobre-piscina: #1D2340;
  --cor-sobre-cha: #1D2340;
  --cor-capa: #1D2340;
  --cor-sobre-capa: #F9EACA;
  --cor-sobre-capa-suave: #D3CFDF;
  --cor-link: #1D2340;
  --cor-borda: #6B6E8A;
  --cor-borda-suave: #E6CFA3;
  --cor-foco: #1D2340;
  --cor-foco-capa: #F2C6C0;
  --cor-sucesso: #1E6B47;
  --cor-sucesso-fundo: #E0EFD9;
  --cor-aviso: #7A3B12;
  --cor-aviso-fundo: #F8DCCB;
  --cor-erro: #A3261B;
  --cor-erro-fundo: #F8D9D2;
  --cor-sobre-erro: #FFF6E4;
  --cor-info: #1E5468;
  --cor-info-fundo: #D5ECF0;
  --cor-marca-capa: #AEDBE4;
  --cor-marca-lombada: #86C3D0;
  --cor-marca-disco: #1D2340;
  --cor-marca-sulco: #4A4F6E;
  --cor-marca-selo: #F2C6C0;
  --cor-marca-furo: #1D2340;
  --cor-marca-fita: #F0B49E;
  --cor-vinil: #1D2340;
  --cor-vinil-sulco: #2A3157;
  --cor-papel-fundo-imagem: #F9EACA;
  --marca-capa: #AEDBE4;
  --marca-lombada: #86C3D0;
  --marca-disco: #1D2340;
  --marca-sulco: #4A4F6E;
  --marca-selo: #F2C6C0;
  --marca-furo: #1D2340;
  --marca-fita: #F0B49E;
  --sombra-1: 0 1px 0 rgba(29, 35, 64, 0.10), 0 10px 20px -14px rgba(29, 35, 64, 0.40);
  --sombra-2: 0 1px 0 rgba(29, 35, 64, 0.10), 0 24px 44px -18px rgba(29, 35, 64, 0.50);
  --sombra-papel: 0 1px 0 rgba(29, 35, 64, 0.10), 0 26px 40px -20px rgba(29, 35, 64, 0.50);
  --sombra-capa: 0 1px 0 rgba(29, 35, 64, 0.12), 0 18px 30px -18px rgba(29, 35, 64, 0.45);
  --sombra-botao: 0 8px 14px -8px rgba(29, 35, 64, 0.70);
  color-scheme: light;
}

/* Lado B (tema escuro) escolhido na mão */
[data-theme="dark"] {
  --cor-fundo: #12162B;
  --cor-superficie: #1D2340;
  --cor-superficie-alt: #272E52;
  --cor-texto: #F9EACA;
  --cor-texto-secundario: #D2C8AE;
  --cor-primaria: #F2C6C0;
  --cor-primaria-hover: #F8DAD5;
  --cor-sobre-primaria: #1D2340;
  --cor-secundaria: #AEDBE4;
  --cor-secundaria-hover: #C8E8EE;
  --cor-sobre-secundaria: #1D2340;
  --cor-destaque: #F0B49E;
  --cor-sobre-destaque: #1D2340;
  --cor-cha: #F2C6C0;
  --cor-cha-forte: #E8A9A1;
  --cor-piscina: #AEDBE4;
  --cor-piscina-forte: #86C3D0;
  --cor-fita: #F0B49E;
  --cor-sobre-piscina: #1D2340;
  --cor-sobre-cha: #1D2340;
  --cor-capa: #0B0E1D;
  --cor-sobre-capa: #F9EACA;
  --cor-sobre-capa-suave: #C9C3B4;
  --cor-link: #F2C6C0;
  --cor-borda: #9A9CB5;
  --cor-borda-suave: #353D66;
  --cor-foco: #F2C6C0;
  --cor-foco-capa: #F2C6C0;
  --cor-sucesso: #9AD9B0;
  --cor-sucesso-fundo: #173327;
  --cor-aviso: #F5C79B;
  --cor-aviso-fundo: #3A2716;
  --cor-erro: #FF9E92;
  --cor-erro-fundo: #43191C;
  --cor-sobre-erro: #1D2340;
  --cor-info: #AEDBE4;
  --cor-info-fundo: #1A3540;
  --cor-marca-capa: #AEDBE4;
  --cor-marca-lombada: #86C3D0;
  --cor-marca-disco: #F9EACA;
  --cor-marca-sulco: #E3CDA0;
  --cor-marca-selo: #F2C6C0;
  --cor-marca-furo: #1D2340;
  --cor-marca-fita: #F0B49E;
  --cor-vinil: #0B0E1D;
  --cor-vinil-sulco: #232A4D;
  --cor-papel-fundo-imagem: #F9EACA;
  --marca-capa: #AEDBE4;
  --marca-lombada: #86C3D0;
  --marca-disco: #F9EACA;
  --marca-sulco: #E3CDA0;
  --marca-selo: #F2C6C0;
  --marca-furo: #1D2340;
  --marca-fita: #F0B49E;
  --sombra-1: 0 1px 0 rgba(0, 0, 0, 0.35), 0 10px 20px -14px rgba(0, 0, 0, 0.8);
  --sombra-2: 0 1px 0 rgba(0, 0, 0, 0.35), 0 24px 44px -18px rgba(0, 0, 0, 0.85);
  --sombra-papel: 0 1px 0 rgba(0, 0, 0, 0.35), 0 26px 40px -20px rgba(0, 0, 0, 0.85);
  --sombra-capa: 0 1px 0 rgba(0, 0, 0, 0.35), 0 18px 30px -18px rgba(0, 0, 0, 0.8);
  --sombra-botao: 0 8px 14px -8px rgba(0, 0, 0, 0.8);
  color-scheme: dark;
}

/* Lado B pelo sistema, a menos que a pessoa tenha escolhido o claro */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --cor-fundo: #12162B;
    --cor-superficie: #1D2340;
    --cor-superficie-alt: #272E52;
    --cor-texto: #F9EACA;
    --cor-texto-secundario: #D2C8AE;
    --cor-primaria: #F2C6C0;
    --cor-primaria-hover: #F8DAD5;
    --cor-sobre-primaria: #1D2340;
    --cor-secundaria: #AEDBE4;
    --cor-secundaria-hover: #C8E8EE;
    --cor-sobre-secundaria: #1D2340;
    --cor-destaque: #F0B49E;
    --cor-sobre-destaque: #1D2340;
    --cor-cha: #F2C6C0;
    --cor-cha-forte: #E8A9A1;
    --cor-piscina: #AEDBE4;
    --cor-piscina-forte: #86C3D0;
    --cor-fita: #F0B49E;
    --cor-sobre-piscina: #1D2340;
    --cor-sobre-cha: #1D2340;
    --cor-capa: #0B0E1D;
    --cor-sobre-capa: #F9EACA;
    --cor-sobre-capa-suave: #C9C3B4;
    --cor-link: #F2C6C0;
    --cor-borda: #9A9CB5;
    --cor-borda-suave: #353D66;
    --cor-foco: #F2C6C0;
    --cor-foco-capa: #F2C6C0;
    --cor-sucesso: #9AD9B0;
    --cor-sucesso-fundo: #173327;
    --cor-aviso: #F5C79B;
    --cor-aviso-fundo: #3A2716;
    --cor-erro: #FF9E92;
    --cor-erro-fundo: #43191C;
    --cor-sobre-erro: #1D2340;
    --cor-info: #AEDBE4;
    --cor-info-fundo: #1A3540;
    --cor-marca-capa: #AEDBE4;
    --cor-marca-lombada: #86C3D0;
    --cor-marca-disco: #F9EACA;
    --cor-marca-sulco: #E3CDA0;
    --cor-marca-selo: #F2C6C0;
    --cor-marca-furo: #1D2340;
    --cor-marca-fita: #F0B49E;
    --cor-vinil: #0B0E1D;
    --cor-vinil-sulco: #232A4D;
    --cor-papel-fundo-imagem: #F9EACA;
    --marca-capa: #AEDBE4;
    --marca-lombada: #86C3D0;
    --marca-disco: #F9EACA;
    --marca-sulco: #E3CDA0;
    --marca-selo: #F2C6C0;
    --marca-furo: #1D2340;
    --marca-fita: #F0B49E;
    --sombra-1: 0 1px 0 rgba(0, 0, 0, 0.35), 0 10px 20px -14px rgba(0, 0, 0, 0.8);
    --sombra-2: 0 1px 0 rgba(0, 0, 0, 0.35), 0 24px 44px -18px rgba(0, 0, 0, 0.85);
    --sombra-papel: 0 1px 0 rgba(0, 0, 0, 0.35), 0 26px 40px -20px rgba(0, 0, 0, 0.85);
    --sombra-capa: 0 1px 0 rgba(0, 0, 0, 0.35), 0 18px 30px -18px rgba(0, 0, 0, 0.8);
    --sombra-botao: 0 8px 14px -8px rgba(0, 0, 0, 0.8);
    color-scheme: dark;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root { --mov-rapido: 0ms; --mov-normal: 0ms; --mov-entrada: 0ms; }
}