/* Tema de Imports Downtown - Loja de iPhone. Gerado por build.mjs a partir de negocio.mjs: edite lá. */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url('../assets/fonts/archivo-latin.woff2') format('woff2');
}

:root {
  --bg: #F3F2F7;
  --bg-deep: #E9E7F0;
  --surface: #FFFFFF;
  --surface-2: #FAFAF8;
  --surface-3: #FFFFFF;
  --field: #FFFFFF;
  --fg-rgb: 0, 0, 0;
  --text: #111014;
  --text-hi: #000000;
  --soft: #38353F;
  --muted: #5A5663;
  --muted-2: #6B6773;
  --nav: #2B2830;
  --header-bg: rgba(255, 255, 255, .88);
  --menu-bg: rgba(255, 255, 255, .97);
  --glass: rgba(255, 255, 255, .82);
  --badge-bg: rgba(255, 255, 255, .92);
  --shadow: rgba(0, 0, 0, .22);
  --hero-grad: radial-gradient(120% 90% at 85% 40%, color-mix(in srgb, var(--accent) 16%, #fff) 0%, #fff 58%, var(--bg) 100%);
  --media-grad: radial-gradient(60% 60% at 50% 55%, #fff 0%, color-mix(in srgb, var(--accent) 7%, #F1F0EC) 100%);
  --trade-grad: radial-gradient(90% 120% at 0% 0%, color-mix(in srgb, var(--accent) 12%, #fff) 0%, #fff 62%);
  --place-grad: radial-gradient(80% 80% at 50% 45%, color-mix(in srgb, var(--accent) 14%, #fff) 0%, #fff 72%);
  --diff-bg: #FFFFFF;
  --accent-rgb: 109, 40, 217;
  --on-accent: #FFFFFF;
  --accent: #6D28D9;
  --accent-hi: #7C3AED;
  --accent-ink: #5B21B6;
  --accent-soft: #5B21B6;
  --font-body: Archivo, system-ui, sans-serif;
  --display-weight: 900;
  --display-tracking: -.03em;
  --brand-h: 32px;
  --r-btn: 12px;
}
.diff { background: #111014; border-color: #111014; }
.diff .h2, .diff .lead { color: #F3F2F7; }
.diff .eyebrow, .diff__word { color: #A78BFA; }
.diff .btn--light { background: #fff; color: #111014; }