/* Cores da Delivery Buriti. Tudo que for cor nasce aqui. */
:root {
  --marca:        #2F9E4F;
  --marca-escura: #1E7038;
  --marca-suave:  #E8F6ED;
  --botao-fundo:  #238040;
  --botao-texto:  #FFFFFF;
  --tinta:        #16241B;
  --tinta-fraca:  #56695C;
  --fundo:        #FFFFFF;
  --fundo-suave:  #F7FBF8;
  --linha:        #E4EAE5;
  --verde-escuro: #123D25;
  --creme:        #F0EDE4;
  --alerta:       #B3341F;
  --alerta-forte: #9A2C1A;
  --alerta-suave: #FBE9E5;
  --espera:       #8A6100;
  --espera-suave: #FDF3DC;

  --raio:    18px;
  --raio-p:  10px;
  --sombra:  0 10px 30px -12px rgba(10, 50, 25, .16);
  --largura: 1100px;
}

/* Modo escuro por preferencia do sistema, quando o usuario nao escolheu. */
@media (prefers-color-scheme: dark) {
  :root:not([data-tema="claro"]) {
    --marca:        #4FC873;
    --marca-escura: #6FD98E;
    --marca-suave:  #1A3B27;
    --botao-fundo:  #4FC873;
    --botao-texto:  #0E1A13;
    --tinta:        #E8F1EA;
    --tinta-fraca:  #9DB2A3;
    --fundo:        #0E1A13;
    --fundo-suave:  #14241A;
    --linha:        #24382B;
    --verde-escuro: #0A130E;
    --creme:        #1B2A20;
    --alerta:       #FF8C72;
    --alerta-forte: #7A2314;
    --alerta-suave: #3A1B14;
    --espera:       #E9C46A;
    --espera-suave: #33280F;
    --sombra:       0 10px 30px -12px rgba(0, 0, 0, .55);
  }
}

/* Escolha explicita do usuario vence os dois lados. */
:root[data-tema="escuro"] {
  --marca:        #4FC873;
  --marca-escura: #6FD98E;
  --marca-suave:  #1A3B27;
  --botao-fundo:  #4FC873;
  --botao-texto:  #0E1A13;
  --tinta:        #E8F1EA;
  --tinta-fraca:  #9DB2A3;
  --fundo:        #0E1A13;
  --fundo-suave:  #14241A;
  --linha:        #24382B;
  --verde-escuro: #0A130E;
  --creme:        #1B2A20;
  --alerta:       #FF8C72;
  --alerta-forte: #7A2314;
  --alerta-suave: #3A1B14;
  --espera:       #E9C46A;
  --espera-suave: #33280F;
  --sombra:       0 10px 30px -12px rgba(0, 0, 0, .55);
}