/* WHW Brand CSS Custom Properties */

:root {
	--whw-bg-primary: #FFFFFF;
	--whw-bg-secondary: #F8FAFC;
	--whw-bg-dark: #111318;
	--whw-bg-dark-deep: #0D1117;
	--whw-text-primary: #111318;
	--whw-text-secondary: #6B7280;
	--whw-text-white: #FFFFFF;
	--whw-text-footer: #9CA3AF;
	--whw-accent: #1D4ED8;
	--whw-accent-hover: #1E40AF;
	--whw-border: rgba(17, 19, 24, 0.1);
	--whw-border-dark: rgba(255, 255, 255, 0.07);
}

html.whw-dark {
	--whw-bg-primary: #13171F;
	--whw-bg-secondary: #1A1F2B;
	--whw-bg-dark: #080B10;
	--whw-bg-dark-deep: #060810;
	--whw-text-primary: #F1F5F9;
	--whw-text-secondary: #94A3B8;
	--whw-text-white: #F1F5F9;
	--whw-text-footer: #6B7280;
	--whw-accent: #3B82F6;
	--whw-accent-hover: #2563EB;
	--whw-border: rgba(255, 255, 255, 0.08);
	--whw-border-dark: rgba(255, 255, 255, 0.05);
}

/* Smooth dark mode transitions - layout properties excluded */
*,
*::before,
*::after {
	transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}