/**
 * ZxAcc — "Cream / White / Navy-Blue" unified palette (additive override)
 * ------------------------------------------------------------
 * Requested combo (see reference swatch):
 *   Text        #2A3442   Primary   #355E88
 *   Accent      #5284B0   Surface   #FFFFFF
 *   Background  #F9F5EC
 *
 * Loaded AFTER every other theme stylesheet, including the previous
 * theme-blue-palette.css (kept on disk, inert, for reference/rollback).
 * This file ONLY redefines :root design-token VALUES that already exist
 * in assets/css/main.css — no selector is added, removed or restructured
 * here. Every component (buttons, cards, badges, gradients, shadows,
 * borders, the glass header/footer, the scroll-fx layer) already reads
 * these same --token names via var(), so recoloring them here recolors
 * the whole site consistently in one place.
 *
 * To revert: remove this file's wp_enqueue_style() call in functions.php
 * (or delete this file) — theme-blue-palette.css becomes active again.
 */

:root {
    /* ---- Brand blues (from the reference swatch) ---- */
    --primary: #355E88;
    --primary-dark: #203852;
    --primary-light: #8aa2ba;
    --secondary: #5284B0;
    --secondary-dark: #3e6384;
    --accent: #5284B0;
    --accent-light: #8fafcc;

    /* ---- Gradients used across hero, buttons, badges, section backgrounds ---- */
    --gradient-primary: linear-gradient(135deg, #355E88 0%, #5284B0 100%);
    --gradient-secondary: linear-gradient(135deg, #203852 0%, #355E88 50%, #5284B0 100%);
    --gradient-dark: linear-gradient(135deg, #0c141d 0%, #111e2c 55%, #0d1822 100%);
    --gradient-card: linear-gradient(145deg, rgba(53,94,136,0.05) 0%, rgba(53,94,136,0.015) 100%);
    --gradient-warm: linear-gradient(135deg, #F9F5EC 0%, #ffffff 100%);

    /* ---- Surfaces ---- */
    --bg-primary: #FFFFFF;
    --bg-secondary: #F9F5EC;
    --bg-dark: #0c141d;
    --bg-card: #FFFFFF;

    /* ---- Text ---- */
    --text-primary: #2A3442;
    --text-secondary: #7f858e;
    --text-muted: #aaaeb3;

    /* ---- Borders — cool blue-gray instead of the old violet tint ---- */
    --border: #dfe5ec;
    --border-light: #eff2f5;

    /* ---- Shadows — same structure as main.css, recolored to navy-blue ---- */
    --shadow-sm: 0 2px 8px rgba(53,94,136,0.07);
    --shadow-md: 0 8px 30px rgba(53,94,136,0.12);
    --shadow-lg: 0 15px 50px rgba(53,94,136,0.16);
    --shadow-xl: 0 25px 70px rgba(53,94,136,0.20);
    --shadow-glow: 0 0 40px rgba(82,132,176,0.35);

    /* ---- WooCommerce core's own default block palette, kept in sync ---- */
    --woocommerce: #355E88;
    --wc-primary: #355E88;
    --wc-blue: #355E88;

    /* ---- Extra tokens used by the liquid-glass + scroll-fx layers below ---- */
    --glass-tint: 249, 245, 236;   /* rgb() of --bg-secondary, for translucent fills */
    --glass-tint-cool: 255, 255, 255;
    --glass-border: rgba(53,94,136,0.14);
    --glass-highlight: rgba(255,255,255,0.65);
    --primary-rgb: 53,94,136;
    --accent-rgb: 82,132,176;
    --text-rgb: 42,52,66;
}

/* Native <mark>/selection tuned to the new blue instead of the old violet */
::selection { background: rgba(82,132,176,0.28); color: var(--text-primary); }