/* ==========================================================
   SOU VALORA — base.css
   Reset, variáveis CSS, tipografia e scrollbar
   ========================================================== */

/* ---------- RESET ---------- */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

/* ---------- VARIÁVEIS ---------- */
:root {
  --navy:         #07091a;
  --navy-mid:     #0d1226;
  --navy-light:   #162040;
  --gold:         #c9a96e;
  --gold-light:   #dfc08e;
  --cream:        #faf7f2;
  --white:        #ffffff;
  --gray:         #8a8fa0;
  --gray-light:   #c8ccd8;
  --text:         #1a1e2e;
  --border-gold:  rgba(201,169,110,0.22);
  --border-dark:  rgba(255,255,255,0.07);
  --shadow-lg:    0 24px 64px rgba(7,9,26,0.18);
  --shadow-gold:  0 8px 32px rgba(201,169,110,0.2);
  --ff-serif:     'Cormorant Garamond', Georgia, serif;
  --ff-display:   'Playfair Display', Georgia, serif;
  --ff-sans:      'Jost', sans-serif;
  --ease:         cubic-bezier(0.4, 0, 0.2, 1);
}

/* ---------- BASE ---------- */
html { scroll-behavior: smooth; }

body {
  font-family: var(--ff-sans);
  background: var(--cream);
  color: var(--text);
  overflow-x: hidden;
  line-height: 1.6;
}

a { text-decoration: none; color: inherit; }
img { display: block; max-width: 100%; }
button { font-family: var(--ff-sans); cursor: pointer; }
input, textarea, select { font-family: var(--ff-sans); }

/* ---------- SCROLLBAR ---------- */
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: var(--navy); }
::-webkit-scrollbar-thumb { background: var(--gold); border-radius: 3px; }

/* ---------- MOBILE: previne zoom involuntário do iOS em focus ----------
   Safari iOS aplica zoom automático em inputs com font-size < 16px.
   Aplica-se a TODOS os campos do site (públicos + admin). */
@media (max-width: 640px) {
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
  textarea,
  select {
    font-size: 16px;
  }
}