/* Tema de Mega Imports Indaiatuba. Gerado por build.mjs a partir de negocio.mjs: edite lá. */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url('../assets/fonts/outfit-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: 255, 106, 0;
  --on-accent: #111111;
  --bg: #0B0B0B;
  --bg-deep: #060606;
  --surface: #161412;
  --surface-2: #11100F;
  --surface-3: #1C1A17;
  --field: #0E0D0C;
  --accent: #FF6A00;
  --accent-hi: #FF8530;
  --accent-ink: #FF7A1A;
  --accent-soft: #FFA163;
  --text: #F7F5F2;
  --soft: #CFC9C2;
  --muted: #AAA39B;
  --muted-2: #928B83;
  --nav: #DAD4CD;
  --font-body: Outfit, system-ui, sans-serif;
  --display-weight: 800;
  --display-tracking: -.02em;
  --display-case: uppercase;
  --brand-h: 32px;
  --r-btn: 12px;
}
.hero__title { font-size: clamp(34px, 9.4vw, 60px); }