:root {
  color-scheme: light;
  --fundo: #f6f3ec;
  --superficie: #fffdf8;
  --texto: #183448;
  --texto-secundario: #5f6a70;
  --azul: #2d5bca;
  --azul-claro: #dce6fa;
  --terracota: #bd4829;
  --linha: #d9d8d0;
  --fonte: "Source Sans 3", "Segoe UI", sans-serif;
  --fonte-titulo: "Manrope", "Segoe UI", sans-serif;
  --largura: 1120px;
  --sombra: 0 24px 70px rgba(24, 52, 72, 0.1);
  --curva-saida: cubic-bezier(0.22, 1, 0.36, 1);
  --curva-mola: cubic-bezier(0.34, 1.56, 0.64, 1);
}

@supports (transition-timing-function: linear(0, 1)) {
  :root {
    --curva-mola: linear(
      0,
      0.14 4.4%,
      0.72 12.9%,
      0.94 16.7%,
      1.07 21.5%,
      1.11 26%,
      1.08 30.1%,
      0.99 37.3%,
      0.98 43.4%,
      1 60.6%,
      1
    );
  }
}

html[data-tema="escuro"] {
  color-scheme: dark;
  --fundo: #0b1219;
  --superficie: #111c26;
  --texto: #edf4f8;
  --texto-secundario: #aab8c2;
  --azul: #82a4ff;
  --azul-claro: #1b2d52;
  --terracota: #ff8b69;
  --linha: #2a3945;
  --sombra: 0 24px 70px rgba(0, 0, 0, 0.32);
}