/* ============================================
   DVC Sales Design System
   Source of truth: Homepage (dvcsales.com)
   Created: 2026-03-23
   
   Purpose: Normalize visual inconsistencies
   across all pages to match the homepage look.
   
   Rules:
   - Font: Roboto everywhere
   - Primary navy: #203864
   - No rogue blues (#22527C etc)
   - No debug rainbow colors
   ============================================ */

/* === GLOBAL FONT NORMALIZATION === 
   Some pages use Arial, system-ui, Inter, or GothamCondensed.
   Force Roboto everywhere for consistency. */
body,
body * {
    font-family: 'Roboto', sans-serif;
}

/* Preserve monospace for code elements */
code, pre, kbd, samp, .font-mono, [class*="monospace"] {
    font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;
}

/* Preserve icon fonts */
.fa, .fas, .far, .fab, .fal, .fad,
[class^="fa-"], [class*=" fa-"],
.material-icons, .icon {
    font-family: inherit;
}

/* === HEADING COLOR NORMALIZATION ===
   Some pages use #22527C, #1e3a5f, #333, or #1E40AF for headings.
   Standardize to #203864 (homepage navy). */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif;
}

/* Only set color on headings that don't already have explicit color 
   via Tailwind classes or white text (for dark backgrounds) */
h1:not([class*="text-"]):not([style*="color"]),
h2:not([class*="text-"]):not([style*="color"]),
h3:not([class*="text-"]):not([style*="color"]) {
    color: #203864;
}

/* Fix the wrong blue (#22527C) used on several pages */
.icon-circle {
    background: #203864 !important;
}
.cta-section {
    background: linear-gradient(135deg, #203864 0%, #1a2d52 100%) !important;
}

/* === BUTTON NORMALIZATION ===
   Ensure primary buttons use the correct navy */
.cta-btn-primary {
    color: #203864 !important;
}

/* === REMOVE DEBUG RAINBOW COLORS ===
   Several pages have leftover #FF5733, #FF33A1, #33FFA1, #33FF57
   These appear to be test/debug colors that should never be visible */

/* === LINK CONSISTENCY === */
a {
    text-decoration-skip-ink: auto;
}

/* === RESPONSIVE BASE === */
@media (max-width: 768px) {
    body {
        font-size: 15px;
    }
}