/* Mais Moto — tokens.css (gerado de tokens.json). Tema escuro é o padrão. */
:root, [data-theme="escuro"] {
  --c-asfalto: #0A0A0A;
  --c-grafite: #151514;
  --c-carvao: #242321;
  --c-fumaca: #3A3936;
  --c-nevoa: #8C8A85;
  --c-concreto: #D6D3CC;
  --c-papel: #E4E2DC;
  --c-osso: #F2F0EB;
  --c-branco: #FFFFFF;
  --c-rosso: #E0333C;
  --c-corsa: #B5121B;
  --c-corsa900: #8E0E15;
  --c-faixa: #F2C200;
  --c-faixaHover: #FFD633;
  --c-faixaPressed: #C99D00;
  --c-verde: #1E9E5A;
  --c-azul: #2F6FDB;
  --color-bg-base: #0A0A0A;
  --color-bg-surface: #151514;
  --color-bg-raised: #242321;
  --color-bg-inverse: #F2F0EB;
  --color-overlay-scrim: rgba(10,10,10,.70);
  --color-text-primary: #F2F0EB;
  --color-text-secondary: #D6D3CC;
  --color-text-muted: #8C8A85;
  --color-text-inverse: #0A0A0A;
  --color-border-subtle: #242321;
  --color-border-strong: #3A3936;
  --color-brand-rosso: #E0333C;
  --color-brand-accent: #E0333C;
  --color-brand-accent-hover: #B5121B;
  --color-link: #E0333C;
  --color-focus-ring: #F2F0EB;
  --color-offer-faixa: #F2C200;
  --color-offer-on: #0A0A0A;
  --color-offer-price: #F2F0EB;
  --color-offer-best: #1E9E5A;
  --color-status-success: #1E9E5A;
  --color-status-info: #2F6FDB;
  --color-status-live: #E0333C;
  --font-display: 'Archivo', sans-serif;
  --font-titulo: 'Archivo', sans-serif;
  --font-texto: 'Hanken Grotesk', sans-serif;
  --font-ui: 'Hanken Grotesk', sans-serif;
  --font-dados: 'JetBrains Mono', monospace;
  --font-logoMais: 'Archivo', sans-serif;
  --font-logoMoto: 'Archivo', sans-serif;
  --fs-d1: 96px; --lh-d1: 92px;
  --fs-d2: 72px; --lh-d2: 72px;
  --fs-d3: 56px; --lh-d3: 58px;
  --fs-h1: 44px; --lh-h1: 48px;
  --fs-h2: 34px; --lh-h2: 40px;
  --fs-h3: 26px; --lh-h3: 32px;
  --fs-h4: 21px; --lh-h4: 28px;
  --fs-lg: 18px; --lh-lg: 28px;
  --fs-base: 16px; --lh-base: 26px;
  --fs-sm: 14px; --lh-sm: 20px;
  --fs-xs: 12px; --lh-xs: 16px;
  --fs-micro: 11px; --lh-micro: 14px;
  --space-0: 0px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;
  --radius-none: 0; --radius-sm: 2px; --radius-md: 6px;
  --border-hair: 1px; --border-control: 1.5px; --border-focus: 2px;
  --angle-brand: -10deg; --skew-brand: skewX(-10deg);
  --icon-stroke: 1.75px;
  --motion-fast: 150ms; --motion-base: 250ms; --motion-slow: 400ms;
  --ease-out: cubic-bezier(.2,.8,.2,1); --ease-inout: cubic-bezier(.6,0,.2,1); --ease-sprint: cubic-bezier(.7,0,.1,1);
  --elev-1: inset 0 0 0 1px #242321; --elev-2: 0 8px 24px rgba(0,0,0,.55), inset 0 0 0 1px #3A3936; --elev-3: 0 24px 64px rgba(0,0,0,.7);
  --control-sm: 32px; --control-md: 44px; --control-lg: 56px;
  --z-sticky: 100; --z-dropdown: 200; --z-toast: 300; --z-modal: 400;
  --container-max: 1280px;
  color-scheme: dark;
}
[data-theme="claro"] {
  --color-bg-base: #F2F0EB;
  --color-bg-surface: #FFFFFF;
  --color-bg-raised: #E4E2DC;
  --color-bg-inverse: #0A0A0A;
  --color-overlay-scrim: rgba(10,10,10,.50);
  --color-text-primary: #0A0A0A;
  --color-text-secondary: #3A3936;
  --color-text-inverse: #F2F0EB;
  --color-border-subtle: #D6D3CC;
  --color-border-strong: #8C8A85;
  --color-brand-accent: #B5121B;
  --color-brand-accent-hover: #8E0E15;
  --color-link: #B5121B;
  --color-focus-ring: #0A0A0A;
  --color-offer-price: #0A0A0A;
  --color-status-live: #B5121B;
  color-scheme: light;
}

/* Estilos de texto */
.t-display{font-family:var(--font-display);font-style:italic;font-stretch:125%;font-weight:900;text-transform:uppercase;letter-spacing:-0.02em}
.t-titulo{font-family:var(--font-titulo);font-stretch:100%;font-weight:800;letter-spacing:-0.015em}
.t-texto{font-family:var(--font-texto);font-weight:400}
.t-ui{font-family:var(--font-ui);font-weight:600}
.t-dados{font-family:var(--font-dados);font-weight:600;font-variant-numeric:tabular-nums}

/* Forma inclinada da marca: o fundo inclina, o texto não */
.mm-skew{position:relative;display:inline-flex;align-items:center;isolation:isolate}
.mm-skew::before{content:'';position:absolute;inset:0;background:var(--skew-bg,var(--color-brand-accent));transform:var(--skew-brand);z-index:-1}
@media (prefers-reduced-motion: reduce){*{animation-duration:0ms!important;transition-duration:0ms!important}}