/* ============================================================
   INOVA LOCAL — Design Tokens
   Paleta: papel quente (claro) + laranja da marca
   ============================================================ */
:root{
  --bg: #FAF8F5;
  --surface: #FFFFFF;
  --surface-warm: #F3EFE8;
  --line: #E8E2D8;
  --ink: #1A1714;
  --ink-soft: #6B655C;
  --ink-faint: #A39C90;
  --accent: #FF5800;
  --accent-soft: #FFEDE0;
  --accent-deep: #D6480A;
  --success: #1F9E4F;

  --bottomnav-h: 64px;
}

* { box-sizing: border-box; }

body.inova-app{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
  color:var(--ink);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
  padding-bottom: calc(var(--bottomnav-h) + 16px);
  margin:0;
}

/* ===== BOTTOM NAV (estilo Spotify mobile) ===== */
.inova-bottomnav{
  position:fixed; bottom:0; left:0; right:0; z-index:100;
  background:rgba(255,255,255,0.92);
  backdrop-filter:blur(20px);
  border-top:1px solid var(--line);
  display:flex; justify-content:space-around; align-items:center;
  height:var(--bottomnav-h);
  padding-bottom: env(safe-area-inset-bottom, 0);
}
.inova-bottomnav a{
  display:flex; flex-direction:column; align-items:center; gap:3px;
  text-decoration:none; color:var(--ink-faint);
  font-size:11px; font-weight:600;
  flex:1;
  padding:6px 0;
  transition:color .15s;
}
.inova-bottomnav a.active{ color:var(--accent); }
.inova-bottomnav .icon{ font-size:21px; line-height:1; }
.inova-bottomnav .nav-fab{
  position:relative; top:-14px;
  width:48px; height:48px; border-radius:50%;
  background:var(--accent); color:#fff;
  display:flex; align-items:center; justify-content:center;
  font-size:22px; font-weight:700;
  box-shadow:0 8px 20px rgba(255,88,0,0.35);
}
.inova-bottomnav .nav-fab + span{ display:none; }

/* ===== Utility classes usadas nas páginas ===== */
.inova-card{
  background:var(--surface); border:1px solid var(--line); border-radius:16px;
}
.inova-btn-primary{
  background:var(--accent); color:#fff; font-weight:700; font-size:15px;
  padding:15px 24px; border-radius:13px; border:none; cursor:pointer;
  text-decoration:none; display:inline-flex; align-items:center; justify-content:center; gap:8px;
  box-shadow:0 10px 24px rgba(255,88,0,0.22);
}
.inova-tag-premium{ background:var(--accent); color:#fff; font-size:10.5px; font-weight:700; padding:4px 10px; border-radius:8px; }
.inova-badge-soft{ background:var(--accent-soft); color:var(--accent-deep); font-size:11px; font-weight:700; padding:4px 10px; border-radius:20px; }