/**
 * 4DMC Brand Colour Tokens
 *
 * Semantic color palette for 4 Dimension Construction
 * Based on approved visual reference: 4dmc-homepage-redesign-v2.html
 */

:root {
	/* Brand Primary - Used for main CTAs, accents, links */
	--color-brand-primary: #6290B3;
	--color-brand-primary-dark: #3E6A8C;
	--color-brand-primary-light: #e5f0ff;

	/* Brand Action - Used for call-to-action buttons */
	--color-brand-action: #C69A3E;
	--color-brand-action-dark: #A87F2C;
	--color-brand-action-hover: #A87F2C;

	/* Brand Secondary - Used for partner/referral content (4DKB) */
	--color-brand-secondary: #A9714C;
	--color-brand-secondary-dark: #8A5B3C;

	/* Brand Dark - Used for footer, dark backgrounds */
	--color-brand-dark: #16283A;
	--color-brand-ink: #0E1B26;

	/* Brand Light - Used for light backgrounds, cards */
	--color-brand-light: #F5F3EE;
	--color-brand-border: #E2DED4;

	/* Semantic overrides for framework tokens */
	--color-primary-500: var(--color-brand-primary);
	--color-primary-300: var(--color-brand-primary-light);
	--color-text-primary: var(--color-brand-ink);
	--color-text-secondary: #666;
	--color-surface-0: #FFFFFF;
	--color-surface-1: var(--color-brand-light);
	--color-border-light: var(--color-brand-border);
	--color-success: #4CAF50;
	--color-error: #F44336;
	--color-warning: #FF9800;

	/* Gold/accent used in proof and trust elements */
	--color-gold: #ffc107;
	--color-gold-dark: #FFA000;
}