/* Tires page accent — sampled from GBP profile logo red (#d90610). */
body.tires-page {
  --accent: #d90610;
  --accent-dim: #b0050d;
  --tire-hero-fallback: radial-gradient(ellipse 80% 60% at 50% 20%, rgba(217, 6, 16, 0.12), #f1f5f9);
  --tire-fin-bg: radial-gradient(ellipse 90% 80% at 50% 0%, rgba(217, 6, 16, 0.08), transparent 55%), #f8fafc;
  --frost-eyebrow: #b0050d;
  --frost-call-meta: #d90610;
  --frost-link-accent: rgba(217, 6, 16, 0.45);
  --frost-hover-shadow:
    0 24px 48px rgba(15, 23, 42, 0.14),
    inset 0 1px 0 #fff,
    0 0 0 1px rgba(217, 6, 16, 0.18);
}

html[data-theme="dark"] body.tires-page {
  --tire-hero-fallback: radial-gradient(ellipse 80% 60% at 50% 20%, rgba(217, 6, 16, 0.18), #0a0a0a);
  --tire-fin-bg: radial-gradient(ellipse 90% 80% at 50% 0%, rgba(217, 6, 16, 0.12), transparent 55%), #0a0a0a;
}

@media (min-width: 820px) {
  body.tires-page .tire-ai-finder__submit {
    background: linear-gradient(135deg, #ef3a45 0%, #d90610 45%, #b0050d 100%);
    box-shadow:
      0 16px 34px rgba(217, 6, 16, 0.35),
      0 0 0 1px rgba(217, 6, 16, 0.18),
      inset 0 1px 0 rgba(255, 255, 255, 0.18);
  }

  body.tires-page .tire-ai-finder__submit:hover {
    box-shadow:
      0 20px 42px rgba(217, 6, 16, 0.44),
      0 0 0 1px rgba(217, 6, 16, 0.22),
      inset 0 1px 0 rgba(255, 255, 255, 0.2);
  }
}