/* Tema de iPhone Indaiatuba - iHope. Gerado por build.mjs a partir de negocio.mjs: edite lá. */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('../assets/fonts/oswald-latin.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url('../assets/fonts/inter-latin.woff2') format('woff2');
}

:root {
  --hero-grad: radial-gradient(120% 90% at 85% 40%, color-mix(in srgb, var(--accent) 20%, var(--bg)) 0%, color-mix(in srgb, var(--accent) 5%, var(--bg)) 55%, var(--bg) 100%);
  --media-grad: radial-gradient(60% 60% at 50% 55%, color-mix(in srgb, var(--accent) 16%, var(--surface)) 0%, var(--surface) 62%, var(--bg) 100%);
  --trade-grad: radial-gradient(90% 120% at 0% 0%, color-mix(in srgb, var(--accent) 13%, var(--bg)) 0%, var(--bg) 60%);
  --place-grad: radial-gradient(80% 80% at 50% 45%, color-mix(in srgb, var(--accent) 18%, var(--bg)) 0%, var(--bg) 70%);
  --diff-bg: var(--surface-2);
  --accent-rgb: 242, 242, 242;
  --on-accent: #0C0C0C;
  --bg: #0C0C0C;
  --bg-deep: #070707;
  --surface: #161616;
  --surface-2: #111111;
  --surface-3: #1C1C1C;
  --field: #0F0F0F;
  --accent: #F2F2F2;
  --accent-hi: #FFFFFF;
  --accent-soft: #E6E6E6;
  --text: #F5F5F5;
  --soft: #C8C8C8;
  --muted: #A6A6A6;
  --muted-2: #8E8E8E;
  --nav: #D4D4D4;
  --font-body: Inter, system-ui, sans-serif;
  --font-display: Oswald, Impact, sans-serif;
  --display-weight: 700;
  --display-tracking: 0;
  --display-case: uppercase;
  --brand-h: 28px;
  --r-btn: 8px;
}
.hero__title .accent, .h2 .accent { color: #9A9A9A; }
.hero__title { font-size: clamp(40px, 11vw, 72px); line-height: 1; }
.diff__word { color: #9A9A9A; }
.badge { color: #111; background: #F2F2F2; border-color: #F2F2F2; }