/* Gerado por scripts/site-netlify.mjs a partir de site/estilo/tokens.css. Não edite à mão. */
:root {
  --fundo:             #141414;
  --superficie:        #1B1A19;
  --superficie-2:      #262523;
  --palco:             #0F0E0E;
  --borda:             #36302F;
  --borda-forte:       #4A4340;
  --campo:             #262523;
  --campo-borda:       #36302F;
  --texto:             #F5F2EF;
  --texto-2:           #CDC6C0;
  --texto-3:           #A39C95;
  --acao:              #CE141B;
  --acao-hover:        #DC1F26;
  --sobre-acao:        #FFFFFF;
  --traco:             #F0565A;
  --selecionado:       #2E1214;
  --selecionado-texto: #F5C2C3;
  --segmento-ativo:    #F5F2EF;
  --sobre-segmento:    #141414;
  --atencao:           #F2B33D;
  --atencao-fundo:     #3A2C0E;
  --atencao-texto:     #FFD27A;
  --ganho:             #4FCB8F;
  --ganho-fundo:       #123324;
  --status:            #C9A23A;
  --sobre-status:      #161416;
  --erro-texto:        #FF8FA3;
  --erro-fundo:        #3A1520;
  --ponto:             #262523;
  --sobreposicao:      rgba(0, 0, 0, 0.6);
  --barra-topo:        rgba(20, 20, 20, 0.88);
  --sombra-1: 0 0 0 1px var(--borda);
  --sombra-2: 0 0 0 1px var(--borda);
  --sombra-3: 0 30px 80px rgba(0, 0, 0, 0.6);
  --celular: #161416;
  --celular-tela:    #050405;
  --celular-texto:   #F4F1EE;
  --celular-texto-2: #9C969A;
  --celular-linha:   #2A262A;
  --celular-ilha:    #000000;
  --celular-botao:   #2B282B;
  --anel: rgba(240, 86, 90, 0.28);
  --veu: rgba(27, 26, 25, 0.88);
  --tema-sol: block;
  --tema-lua: none;
  color-scheme: dark;

  --fonte: 'Figtree Interface', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --esp-2: 2px;   --esp-4: 4px;   --esp-6: 6px;   --esp-8: 8px;   --esp-10: 10px;
  --esp-12: 12px; --esp-14: 14px; --esp-16: 16px; --esp-18: 18px; --esp-20: 20px;
  --esp-22: 22px; --esp-24: 24px; --esp-28: 28px; --esp-32: 32px;

  --raio-tag: 4px;
  --raio-selo: 5px;
  --raio-atalho: 6px;
  --raio-cartao: 8px;
  --raio-campo: 10px;
  --raio-botao: 12px;
  --raio-destaque: 14px;
  --raio-janela: 20px;
  --raio-soltar: 22px;

  --rapido: 120ms;
  --medio: 200ms;
  --curva: cubic-bezier(0.2, 0.7, 0.2, 1);

  --slide-bg:       #12120f;
  --slide-surface:  #1a1a16;
  --slide-accent:   #e8c97e;
  --slide-title:    #f0ede4;
  --slide-body:     #8a8880;
  --slide-font-title: 'Playfair Display', serif;
  --slide-font-body:  'DM Sans', sans-serif;
  --slide-mono: 'DM Mono', monospace;
  --slide-magenta:  #ff6ec7;
  --slide-accent-2: #7dd3fc;

  --slide-w: 1080px;
  --slide-h: 1350px;
  --preview-scale: 0.2537;
  --preview-w: calc(var(--slide-w) * var(--preview-scale));
  --preview-h: calc(var(--slide-h) * var(--preview-scale));
}

@media (prefers-color-scheme: light) {
  :root:not([data-tema="escuro"]) {
    --fundo:             #E3E1DB;
    --superficie:        #FFFFFF;
    --superficie-2:      #FFFFFF;
    --palco:             #E3E1DB;
    --borda:             #D2CFC8;
    --borda-forte:       #BCB8B0;
    --campo:             #F2F0ED;
    --campo-borda:       #D2CFC8;
    --texto:             #1B1A19;
    --texto-2:           #57524E;
    --texto-3:           #625C57;
    --acao:              #CE141B;
    --acao-hover:        #AE1016;
    --sobre-acao:        #FFFFFF;
    --traco:             #AE1016;
    --selecionado:       #FBEAEA;
    --selecionado-texto: #7A0C10;
    --segmento-ativo:    #1B1A19;
    --sobre-segmento:    #FFFFFF;
    --atencao:           #F2B33D;
    --atencao-fundo:     #FFF3D6;
    --atencao-texto:     #8A5A00;
    --ganho:             #0E7A4E;
    --ganho-fundo:       #E3F3EB;
    --status:            #C9A23A;
    --sobre-status:      #161416;
    --erro-texto:        #9E1028;
    --erro-fundo:        #FCE8EB;
    --ponto:             #D3D0C9;
    --sobreposicao:      rgba(22, 20, 22, 0.42);
    --barra-topo:        rgba(227, 225, 219, 0.9);
    --anel: rgba(174, 16, 22, 0.28);
    --veu: rgba(255, 255, 255, 0.88);
    --sombra-1: 0 8px 24px rgba(22, 20, 22, 0.08);
    --sombra-2: 0 18px 40px rgba(22, 20, 22, 0.16);
    --sombra-3: 0 30px 80px rgba(0, 0, 0, 0.30);
    --tema-sol: none;
    --tema-lua: block;
    color-scheme: light;
  }
}
:root[data-tema="claro"] {
  --fundo:             #E3E1DB;
  --superficie:        #FFFFFF;
  --superficie-2:      #FFFFFF;
  --palco:             #E3E1DB;
  --borda:             #D2CFC8;
  --borda-forte:       #BCB8B0;
  --campo:             #F2F0ED;
  --campo-borda:       #D2CFC8;
  --texto:             #1B1A19;
  --texto-2:           #57524E;
  --texto-3:           #625C57;
  --acao:              #CE141B;
  --acao-hover:        #AE1016;
  --sobre-acao:        #FFFFFF;
  --traco:             #AE1016;
  --selecionado:       #FBEAEA;
  --selecionado-texto: #7A0C10;
  --segmento-ativo:    #1B1A19;
  --sobre-segmento:    #FFFFFF;
  --atencao:           #F2B33D;
  --atencao-fundo:     #FFF3D6;
  --atencao-texto:     #8A5A00;
  --ganho:             #0E7A4E;
  --ganho-fundo:       #E3F3EB;
  --status:            #C9A23A;
  --sobre-status:      #161416;
  --erro-texto:        #9E1028;
  --erro-fundo:        #FCE8EB;
  --ponto:             #D3D0C9;
  --sobreposicao:      rgba(22, 20, 22, 0.42);
  --barra-topo:        rgba(227, 225, 219, 0.9);
  --anel: rgba(174, 16, 22, 0.28);
  --veu: rgba(255, 255, 255, 0.88);
  --sombra-1: 0 8px 24px rgba(22, 20, 22, 0.08);
  --sombra-2: 0 18px 40px rgba(22, 20, 22, 0.16);
  --sombra-3: 0 30px 80px rgba(0, 0, 0, 0.30);
  --tema-sol: none;
  --tema-lua: block;
  color-scheme: light;
}