/*
Theme Name: SP AutoPart
Theme URI: https://spautopart.com
Author: SP Auto Part
Description: Custom theme for SP Auto Part — automotive parts store.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: Private
*/

/* ================================================================
   Design System — Blue/White palette (Spareto-inspired)
   ================================================================ */
:root {
    /* Primary action blue */
    --sp-primary:       #1B6FE4;
    --sp-primary-hover: #1558BE;
    --sp-primary-light: #EBF2FF;

    /* Kept as aliases so existing sp.css rules still work */
    --sp-red:           #1B6FE4;
    --sp-red-hover:     #1558BE;

    /* Dark navy — footer, hero bg */
    --sp-navy:          #0F1F3D;
    --sp-navy-light:    #1A3560;

    /* Backgrounds */
    --sp-bg:            #F7F9FC;
    --sp-bg-alt:        #EEF2F8;
    --sp-cream:         #F7F9FC;
    --sp-cream-dark:    #EEF2F8;

    /* Text */
    --sp-text:          #1E293B;
    --sp-gray:          #64748B;
    --sp-gray-light:    #94A3B8;

    /* Borders & shadows */
    --sp-border:        #CBD5E1;
    --sp-shadow-sm:     0 2px 12px rgba(15,31,61,0.07);
    --sp-shadow-md:     0 4px 20px rgba(15,31,61,0.10);
    --sp-shadow-lg:     0 8px 32px rgba(15,31,61,0.13);
    --sp-radius:        10px;
    --sp-radius-sm:     6px;
}

/* ================================================================
   Reset & Base
   ================================================================ */
*, *::before, *::after { box-sizing: border-box; }
html { font-size: 16px; scroll-behavior: smooth; }
body {
    margin: 0;
    font-family: "Barlow", system-ui, sans-serif;
    color: var(--sp-text);
    background: var(--sp-bg);
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; height: auto; }
a { color: inherit; }
h1,h2,h3,h4,h5,h6 {
    font-family: "Barlow Condensed", "Barlow", sans-serif;
    font-weight: 700; margin: 0 0 .5em; line-height: 1.2;
    color: var(--sp-navy);
}
p { margin: 0 0 1em; line-height: 1.6; }
ul, ol { margin: 0; padding: 0; list-style: none; }
input, select, textarea, button { font-family: inherit; }