:root {
  --cor-primaria: #ff6b81;
  --cor-primaria-forte: #e94f67;
  --cor-secundaria: #5a3e36;
  --cor-fundo: #fff8f8;
  --cor-card: #ffffff;
  --cor-card-secundario: #fff4f5;
  --cor-superficie: #fffafb;
  --cor-texto: #2e2322;
  --cor-texto-suave: #7f6b69;
  --cor-destaque: #ffc857;
  --cor-borda: rgba(90, 62, 54, 0.10);

  --sombra-leve: 0 10px 30px rgba(90, 62, 54, 0.08);
  --sombra-media: 0 12px 32px rgba(90, 62, 54, 0.12);
}

[data-theme="dark"] {
  --cor-primaria: #ff7f96;
  --cor-primaria-forte: #ff9aab;
  --cor-secundaria: #1f1716;
  --cor-fundo: #141111;
  --cor-card: #1d1818;
  --cor-card-secundario: #241d1d;
  --cor-superficie: #2a2323;
  --cor-texto: #fff3f3;
  --cor-texto-suave: #c6b4b4;
  --cor-destaque: #ffc857;
  --cor-borda: rgba(255,255,255,0.08);

  --sombra-leve: 0 10px 28px rgba(0, 0, 0, 0.28);
  --sombra-media: 0 16px 36px rgba(0, 0, 0, 0.35);
}

* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
  font-family: "Inter", "Segoe UI", sans-serif;
  background: var(--cor-fundo);
  color: var(--cor-texto);
  transition: background 0.25s ease, color 0.25s ease;
}

button,
input,
select,
textarea {
  font: inherit;
}