/* =========================================================
   Create Balance — brand tokens only
   Loaded AFTER brand.css, BEFORE site.css
========================================================= */

:root {
    /* --- CB palette (clean B/W/Grey + pink accent) --- */
    --cb-black: #000000;
    --cb-ink: #000000;
    --cb-grey-1: #b0b0ba;
    --cb-grey-2: #6b6b6b;
    --cb-grey-3: #b9b9b9;
    --cb-line: #e6e6e6;
    --cb-white: #ffffff;
    --cb-secondary: #143373;
    /* Accent pink (tune to taste) */
    --cb-pink: #e5008c;
    /* --- Core semantic roles --- */
    --ps-surface: var(--cb-white);
    --ps-ink: var(--cb-ink);
    --ps-ink-contrast: var(--cb-white);
    --ps-muted: var(--cb-grey-1);
    --ps-primary: var(--cb-ink);
    --ps-secondary: var(--cb-secondary);
    --ps-accent: var(--cb-pink);
    /* --- Default content links --- */
    --ps-link: var(--cb-ink);
    --ps-link-hover: var(--cb-pink);
    /* --- Header / footer surfaces --- */
    --ps-header-bg: var(--cb-white);
    --ps-footer-bg: var(--cb-black);
    /* --- Header nav link mapping (canonical nav reads these) --- */
    --ps-header-link-primary: var(--cb-ink);
    --ps-header-link-secondary: var(--cb-secondary);
    --ps-header-link-accent: var(--cb-pink);
    --ps-header-link-muted: rgba(0,0,0,.55);
    --ps-header-link-hover: var(--cb-pink);
    /* --- Footer links --- */
    --ps-footer-link: var(--cb-pink);
    --ps-footer-link-hover: var(--cb-white);
    /* --- Buttons (keep minimal, CB-style) --- */
    /* Primary button = pink */
    --ps-btn-primary-bg: var(--cb-pink);
    --ps-btn-primary-text: var(--cb-white);
    --ps-btn-primary-hover-bg: color-mix(in srgb, var(--cb-pink) 90%, #000);
    --ps-btn-primary-hover-text: var(--cb-white);
    /* Secondary button = white with black border/text (clean) */
    --ps-btn-secondary-bg: var(--cb-secondary);
    --ps-btn-secondary-text: var(--cb-white);
    --ps-btn-secondary-hover-bg: color-mix(in srgb, var(--cb-white) 90%, #000);
    --ps-btn-secondary-hover-text: var(--cb-secondary);
    /* Accent button = black (optional) */
    --ps-btn-accent-bg: var(--cb-ink);
    --ps-btn-accent-text: var(--cb-white);
    --ps-btn-accent-hover-bg: color-mix(in srgb, var(--cb-ink) 88%, #fff);
    --ps-btn-accent-hover-text: var(--cb-white);
    /* --- Type (optional: if you want CB to feel different later) --- */
    /* --ps-font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif; */
    /* --ps-font-heading: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif; */

    --ps-link: var(--cb-pink); /* or your CB link colour */
    --ps-link-hover: var(--ps-ink); /* or a CB-specific hover */
}