/*
 * Shared chrome + aliases only.
 *
 * Campaign page UI (.home-*, .car-deal-*, .offer-banner, .loc-*, trucks, FAQ, etc.)
 * lives in campaign-redesign.css (scoped under .page-campaign).
 *
 * Tokens/fonts: main.css (:root + Google Fonts import)
 */

:root {
    /* Aliases kept for older theme var() call sites — Figma orange template */
    --prime-ink: var(--color-primary, #1a1a1a);
    --prime-ink-soft: var(--color-primary-hover, #2b2b2b);
    --prime-copper: var(--color-accent, #ff6a00);
    --prime-copper-dark: var(--color-accent-dark, #e55e00);
    --prime-copper-pale: var(--color-accent-soft, #fff0e6);
    --prime-canvas: var(--color-bg, #f8f8f8);
    --prime-paper: var(--color-surface, #FFFFFF);
    --prime-muted: var(--color-text-muted, #6d6d6d);
    --prime-line: var(--color-border, #d9d9d9);
    --font-body: "Instrument Sans", "Manrope", sans-serif;
    --font-display: "Fraunces", Georgia, serif;
}

html,
body {
    max-width: 100%;
    overflow-x: clip;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible {
    outline: 2px solid var(--color-pop, #ea353c);
    outline-offset: 2px;
}

/* Base nav chrome — campaign-redesign overrides under .page-campaign */
.cr-navbar {
    height: 76px;
    background: #fff !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    box-shadow: none;
}

.cr-navbar-inner {
    height: 76px;
}

.cr-navigation a,
.cr-navigation .nav-link {
    color: #111 !important;
    font-weight: 600;
    font-size: 14.5px;
    letter-spacing: 0.01em;
    opacity: 0.9;
}

.cr-navigation a:hover,
.cr-navigation .nav-link:hover {
    color: #111 !important;
    opacity: 1;
}

.cr-logo,
.cr-logo img {
    transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.22s ease;
}

.cr-logo:hover img {
    transform: scale(1.04);
    opacity: 0.92;
}