/* AN — tokens da marca. Fonte única: marca.json + interface/fonte. Não edite à mão; regenere. */
@import url('https://fonts.googleapis.com/css2?family=Literata:ital,opsz,wght@0,7..72,200..900;1,7..72,200..900&display=swap');

:root, [data-theme="claro"], [data-theme="aparelho"] {
  color-scheme: light;
  --algodao: #F2ECE1;
  --pedra: #DAD2C4;
  --capa: #172C42;
  --fumo: #5A544D;
  --palha: #A08755;
  --fundo: var(--algodao);
  --superficie: var(--algodao);
  --superficie-2: #E8E1D5;
  --texto: var(--capa);
  --texto-2: var(--fumo);
  --texto-3: #68625A;
  --linha: var(--pedra);
  --borda-controle: var(--fumo);
  --acao: var(--capa);
  --acao-hover: #243F5D;
  --sobre-acao: var(--algodao);
  --realce: var(--pedra);
  --sobre-realce: var(--capa);
  --foco: var(--capa);
  --simbolo: var(--capa);
  --sucesso: #195C42;
  --sucesso-fundo: #E2E8DC;
  --atencao: #725A1A;
  --atencao-fundo: #EFE6CF;
  --critico: #96382E;
  --critico-fundo: #F3DDD5;
  --dado-1: #2A5D91;
  --dado-2: #784000;
  --dado-3: #4D9568;
  --marcador: var(--palha);
  --pasta: var(--capa);
  --selo: #1F3754;
  --capa-50: #F2F5F9;
  --capa-100: #E4EAF1;
  --capa-200: #C8D4E1;
  --capa-300: #A1B3C8;
  --capa-400: #7992AD;
  --capa-500: #567392;
  --capa-600: #3C5978;
  --capa-700: #2B4662;
  --capa-800: #203750;
  --capa-900: #172C42;
  --capa-950: #0D1D2E;
  --sombra-1: none;
  --sombra-2: none;
  --sombra-3: 0 1px 1px rgba(23,44,66,0.14), 0 22px 40px -18px rgba(23,44,66,0.46);
  --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-sm: 2px;
  --raio-md: 3px;
  --raio-lg: 4px;
  --raio-xl: 6px;
  --raio-pilula: 999px;
  --tempo-rapido: 150ms;
  --tempo-base: 240ms;
  --tempo-lento: 400ms;
  --tempo-assinatura: 1300ms;
  --curva-marca: cubic-bezier(0.25, 0.75, 0.2, 1);
  --quebra-celular: 390px;
  --quebra-tablet: 760px;
  --quebra-desktop: 1024px;
  --quebra-largo: 1280px;
  --camada-base: 0;
  --camada-fixo: 10;
  --camada-menu: 20;
  --camada-painel: 30;
  --camada-modal: 40;
  --camada-aviso: 50;
  --camada-dica: 60;
  --fonte-titulo: 'Literata', Georgia, 'Times New Roman', serif;
  --fonte-texto: 'Literata', Georgia, 'Times New Roman', serif;
}

[data-theme="escuro"], .dark {
  color-scheme: dark;
  --fundo: var(--capa);
  --superficie: #1E3651;
  --superficie-2: #26405E;
  --texto: var(--algodao);
  --texto-2: var(--pedra);
  --texto-3: #B9B0A2;
  --linha: #34506F;
  --borda-controle: #8494A8;
  --acao: var(--algodao);
  --acao-hover: var(--pedra);
  --sobre-acao: var(--capa);
  --realce: #2E4B6C;
  --sobre-realce: var(--algodao);
  --foco: var(--algodao);
  --simbolo: var(--algodao);
  --sucesso: #8FCBA5;
  --sucesso-fundo: #1C3B37;
  --atencao: #DCB895;
  --atencao-fundo: #3C332B;
  --critico: #EFA394;
  --critico-fundo: #45272B;
  --dado-1: #5690CD;
  --dado-2: #B26E48;
  --dado-3: #58A87F;
  --marcador: var(--palha);
  --pasta: #0F1E2F;
  --selo: var(--capa);
  --sombra-1: none;
  --sombra-2: none;
  --sombra-3: 0 1px 1px rgba(0,0,0,0.4), 0 24px 48px -18px rgba(0,0,0,0.75);
}

@media (prefers-color-scheme: dark) {
  [data-theme="aparelho"] {
    color-scheme: dark;
    --fundo: var(--capa);
    --superficie: #1E3651;
    --superficie-2: #26405E;
    --texto: var(--algodao);
    --texto-2: var(--pedra);
    --texto-3: #B9B0A2;
    --linha: #34506F;
    --borda-controle: #8494A8;
    --acao: var(--algodao);
    --acao-hover: var(--pedra);
    --sobre-acao: var(--capa);
    --realce: #2E4B6C;
    --sobre-realce: var(--algodao);
    --foco: var(--algodao);
    --simbolo: var(--algodao);
    --sucesso: #8FCBA5;
    --sucesso-fundo: #1C3B37;
    --atencao: #DCB895;
    --atencao-fundo: #3C332B;
    --critico: #EFA394;
    --critico-fundo: #45272B;
    --dado-1: #5690CD;
    --dado-2: #B26E48;
    --dado-3: #58A87F;
    --marcador: var(--palha);
    --pasta: #0F1E2F;
    --selo: var(--capa);
    --sombra-1: none;
    --sombra-2: none;
    --sombra-3: 0 1px 1px rgba(0,0,0,0.4), 0 24px 48px -18px rgba(0,0,0,0.75);
  }
}