/* =========================================================================
   COLUMBUS KITCHEN COST — Brand CSS Variables
   Drop into your global stylesheet :root block.
   Shares the family palette with CRC, Roof, and Bath sites.
   The mixer mark uses: slate line (--dark), rust fill (--accent),
   blueprint blue bowl (--teal).
   ========================================================================= */

:root {
    /* === CORE BRAND (family palette) === */
    --teal:        #1F4D72;   /* Blueprint Blue - primary, mixer bowl */
    --teal-dark:   #143654;   /* Deeper blueprint - hover/depth */
    --dark:        #131722;   /* Slate - mixer linework, headers, text */
    --accent:      #B85A2A;   /* Rust - CTAs, mixer head/body fill */

    /* === EXTENDED PALETTE === */
    --steel:        #3D8FB5;  /* Mid steel blue - secondary accents */
    --steel-pale:   #E6EEF4;  /* Card backgrounds, callouts */
    --accent-dark:  #8C4220;  /* Rust hover */
    --accent-pale:  #F5E6DA;  /* Tip boxes, FAQ highlights */
    --slate-soft:   #2C3340;  /* Body text */
    --graphite:     #5b6470;  /* Captions, helper copy, tagline */
    --stone:        #E8E5DD;  /* Borders, dividers */
    --paper:        #FAF8F4;  /* Warm page background */
    --white:        #FFFFFF;
    --brass:        #B8941F;  /* Trust badges, certifications */

    /* === SEMANTIC (estimator tiers) === */
    --tier-budget:  #3F7D58;
    --tier-mid:     #D4A437;
    --tier-premium: #A33D2E;

    /* === TYPOGRAPHY === */
    --font-sans: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --font-mono: 'SF Mono', Monaco, Menlo, 'Roboto Mono', monospace;

    /* === RADII === */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
}

/* =========================================================================
   USAGE QUICK REFERENCE
   -------------------------------------------------------------------------
   Logo mark:              slate line + rust fill + blueprint bowl (don't recolor)
   Page background:        --paper
   Body text:              --slate-soft on --paper
   Headlines:              --dark
   Primary CTA:            bg --accent, text --white, hover --accent-dark
   Secondary button:       border 2px --teal, text --dark
   Links:                  --teal, hover --accent
   Estimator result card:  bg --steel-pale, border --teal
   Tip / FAQ:              bg --accent-pale, border-left --accent
   Footer:                 bg --dark, white text, use reverse logo
   Trust badges:           accent --brass
   Cost figures:           --font-mono, --dark, weight 700
   ========================================================================= */