/* Design tokens — Sabores da Vila (seção 2.2 do design) */
:root {
  --urucum: #C1440E;
  --cajuina: #E8A317;
  --laranja-logo: #E8791A;   /* laranja da logo oficial */
  --carnauba: #4F6F3A;
  --barro: #8A4B2A;
  --algodao: #FAF3E7;
  --noite-do-poti: #22303C;
  --chita-rosa: #D95D7B;

  --fonte-display: 'Yeseva One', serif;
  --fonte-ui: 'Sora', 'Segoe UI', sans-serif;

  --raio: 14px;
  --sombra: 0 4px 14px rgba(34, 48, 60, .12);
}

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
  font-family: var(--fonte-ui);
  background: var(--algodao);
  color: var(--noite-do-poti);
  line-height: 1.5;
}

h1, h2, h3, .display { font-family: var(--fonte-display); }

/* Barrado de chita — divisor de seções */
.chita {
  height: 8px;
  background: repeating-linear-gradient(90deg,
    var(--urucum) 0 16px, var(--cajuina) 16px 32px,
    var(--carnauba) 32px 48px, var(--chita-rosa) 48px 64px);
}

.btn {
  display: inline-block;
  background: var(--urucum);
  color: #fff;
  border: 0;
  border-radius: var(--raio);
  padding: 14px 28px;
  font-family: var(--fonte-ui);
  font-weight: 700;
  font-size: 1rem;
  min-height: 48px;
  cursor: pointer;
  text-decoration: none;
  transition: transform .1s, background .2s;
}
.btn:hover { background: var(--barro); transform: translateY(-1px); }
.btn-cajuina { background: var(--cajuina); color: var(--noite-do-poti); }
.btn-ghost { background: transparent; color: var(--barro); border: 2px solid var(--barro); }

.card {
  background: #fff;
  border-radius: var(--raio);
  box-shadow: var(--sombra);
  padding: 24px;
}

input, select, textarea {
  font-family: var(--fonte-ui);
  font-size: 1rem;
  padding: 12px;
  border: 2px solid #e3d9c8;
  border-radius: 10px;
  width: 100%;
  background: #fff;
  color: var(--noite-do-poti);
}
input:focus, select:focus, textarea:focus { outline: 2px solid var(--cajuina); border-color: var(--cajuina); }
label { font-weight: 600; font-size: .9rem; display: block; margin: 12px 0 4px; }