/**
 * Design tokens (CSS custom properties) for all theme stylesheets.
 *
 * Loaded on every page so section stylesheets can be loaded only where their sections appear.
 * Blocks are kept in the original stylesheet load order: where two files define the same
 * variable, the later one wins, exactly as before.
 */

/* from blog.css */
:root {
	--pch-blog-primary: var(--pch-primary, #2596be);
	--pch-blog-primary-dark: #1a7a9c;
	--pch-blog-primary-light: #e8f4f9;
	--pch-blog-text-dark: #0f172a;
	--pch-blog-text-muted: #64748b;
	--pch-blog-border: #eef2f6;
	--pch-blog-card-radius: 20px;
	--pch-blog-serif: 'inter', 'Lora', Georgia, serif;
	--pch-blog-sans: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* from header.css */
:root {
	/* Primary Color & Palette mapped to WordPress Presets */
	--pch-primary: var(--wp--preset--color--primary, #2596be);
	--pch-primary-hover: var(--wp--preset--color--primary-hover, #1a7a9c);
	--pch-primary-dark: var(--wp--preset--color--primary-dark, #125872);
	--pch-primary-light: var(--wp--preset--color--primary-light, #e9f5f9);
	--pch-primary-surface: var(--wp--preset--color--primary-surface, #f0f8fb);
	--pch-primary-border: var(--wp--preset--color--primary-border, #bce1ee);
	--pch-primary-glow: rgba(37, 150, 190, 0.25);

	/* Aliases for backwards-compatibility */
	--pch-sky-blue: var(--pch-primary);
	--pch-sky-hover: var(--pch-primary-hover);
	--pch-teal-brand: var(--pch-primary);
	--pch-badge-bg: var(--pch-primary-light);
	--pch-nav-hover: var(--pch-primary);

	/* Navy / Dark / Base */
	--pch-base: var(--wp--preset--color--base, #ffffff);
	--pch-base-alt: var(--wp--preset--color--base-alt, #f8fafc);
	--pch-navy-dark: var(--wp--preset--color--contrast, #0b1527);
	--pch-navy-card: var(--wp--preset--color--contrast-card, #152642);
	--pch-navy-text: var(--wp--preset--color--text-light, #94a3b8);
	--pch-navy-white: #f8fafc;
	--pch-dark-brand: var(--wp--preset--color--text-main, #0f172a);

	/* Accent / Emergency */
	--pch-emergency-red: var(--wp--preset--color--accent, #e11d48);
	--pch-emergency-hover: var(--wp--preset--color--accent-hover, #be123c);
	--pch-emergency-border: var(--wp--preset--color--accent, #f43f5e);
	--pch-emergency-bg-hover: var(--wp--preset--color--accent-light, #fff1f2);

	/* Neutrals & Typography */
	--pch-text-main: var(--wp--preset--color--text-main, #0f172a);
	--pch-text-muted: var(--wp--preset--color--text-muted, #64748b);
	--pch-nav-color: var(--wp--preset--color--text-muted, #475569);
	--pch-border-light: var(--wp--preset--color--primary-border, #e2e8f0);
	--pch-font: inherit;
}

/* from about.css */
:root {
	--pch-about-primary: #2596be;
	--pch-about-primary-dark: #125872;
	--pch-about-primary-light: #e9f5f9;
	--pch-about-primary-surface: #f0f8fb;
	--pch-about-navy: #0b1527;
	--pch-about-navy-card: #152642;
	--pch-about-text-main: #0f172a;
	--pch-about-text-muted: #64748b;
	--pch-about-border: #e2e8f0;
	--pch-about-radius: 20px;
	--pch-about-shadow: 0 20px 40px -15px rgba(11, 21, 39, 0.07);
	--pch-about-shadow-hover: 0 25px 50px -12px rgba(37, 150, 190, 0.15);
}

/* from caregiver.css */
:root {
	--pch-cg-primary: #2596be;
	--pch-cg-primary-dark: #125872;
	--pch-cg-primary-light: #e9f5f9;
	--pch-cg-primary-surface: #f4fafc;
	--pch-cg-navy: #0b1527;
	--pch-cg-navy-card: #152642;
	--pch-cg-text-main: #0f172a;
	--pch-cg-text-muted: #64748b;
	--pch-cg-border: #e2e8f0;
	--pch-cg-radius: 20px;
	--pch-cg-radius-sm: 12px;
	--pch-cg-shadow: 0 20px 40px -15px rgba(11, 21, 39, 0.08);
	--pch-cg-shadow-hover: 0 25px 50px -12px rgba(37, 150, 190, 0.22);
	--pch-cg-green: #10b981;
	--pch-cg-gold: #f59e0b;
}

/* from service-landing.css */
:root {
	--pch-cg-primary: #2596be;
	--pch-cg-primary-dark: #1a7a9c;
	--pch-cg-primary-light: #edf8fb;
	--pch-cg-navy: #0b1527;
	--pch-cg-navy-light: #152642;
	--pch-cg-text: #334155;
	--pch-cg-text-muted: #64748b;
	--pch-cg-bg-light: #f8fafc;
	--pch-cg-border: #e2e8f0;
	--pch-cg-radius: 16px;
	--pch-cg-shadow: 0 10px 30px -5px rgba(11, 21, 39, 0.06);
	--pch-cg-shadow-hover: 0 20px 40px -5px rgba(37, 150, 190, 0.15);
}

/* from ambulance.css */
:root {
	--pch-amb-red: #dc2626;
	--pch-amb-red-hover: #b91c1c;
	--pch-amb-red-light: #fef2f2;
	--pch-amb-red-border: #fecaca;
	--pch-amb-navy: #0b1527;
	--pch-amb-navy-card: #152642;
	--pch-amb-cyan: #2596be;
	--pch-amb-cyan-dark: #125872;
	--pch-amb-cyan-light: #e0f2fe;
	--pch-amb-slate: #0f172a;
	--pch-amb-slate-light: #f8fafc;
	--pch-amb-gray: #64748b;
	--pch-amb-border: #e2e8f0;
}

/* from dynamic-page.css */
:root {
	--dyn-accent: #2596be;
	--dyn-accent-dark: #1b7393;
	--dyn-accent-light: #f0f9ff;
	--dyn-accent-border: #bae6fd;
	--dyn-accent-ring: rgba(37, 150, 190, 0.2);
	--dyn-text-main: #0f172a;
	--dyn-text-muted: #64748b;
	--dyn-bg-slate: #f8fafc;
	--dyn-radius-lg: 16px;
	--dyn-radius-md: 10px;
	--dyn-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.06), 0 4px 6px -2px rgba(0, 0, 0, 0.03);
	--dyn-shadow-hover: 0 20px 35px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -3px rgba(0, 0, 0, 0.04);
}