/* ===============================================================
   DUNEDIN AUTO PARTS · parts/brand.css
   Small brand details from the live site that tokens do not cover.
   All colours come from tokens. Keep this file on theme updates.
   =============================================================== */
/* Rajdhani reads best at 700, so large headings are a little bigger */
.h-hero,.h-sec,.hs__title,.cb__title{font-weight:700}
.h-sec{font-size:30px;line-height:1.08}
@media (min-width:768px){ .h-sec{font-size:42px} }
.h-card,.h-sm{font-weight:700;letter-spacing:0}
.h-sm{font-size:20px}
@media (min-width:768px){ .h-sm{font-size:22px} }
/* Buttons use Rajdhani, like the live site */
.btn{font-family:var(--font-heading);font-weight:700;font-size:17px;letter-spacing:.02em}
@media (min-width:768px){ .btn{font-size:18px} }
@media (hover:hover){ .btn:not(.ghost):not(.text):not(.secondary):hover{transform:translateY(-2px)} }
/* Outline buttons on dark bands get a white border */
.sec.dark .btn.secondary,.sec.deep .btn.secondary,.hs .btn.secondary{background:transparent;color:var(--white);border:2px solid var(--white)}
@media (hover:hover){ .sec.dark .btn.secondary:hover,.sec.deep .btn.secondary:hover,.hs .btn.secondary:hover{background:var(--white);color:var(--teal-700)} }
/* Navigation in Rajdhani bold */
.nav__link{font-family:var(--font-heading);font-weight:700;font-size:17px;letter-spacing:.02em}
/* Eyebrow: a little larger, Rajdhani */
.eyebrow{font-family:var(--font-heading);font-size:15px;letter-spacing:.08em}
@media (min-width:768px){ .eyebrow{font-size:16px} }
/* Step number badge: navy circle, yellow number */
.st .st__n{background:var(--teal-700);color:var(--gold-400)}
/* Yellow ticks */
.tick{color:var(--gold-700)}
.sec.dark .tick,.sec.deep .tick{color:var(--gold-400)}