:root {
    --site-primary: {{ $siteSettings['color_primary'] ?? '#4e4feb' }};
    --site-primary-hover: {{ $siteSettings['color_primary_hover'] ?? '#3d3edc' }};
    --site-bg-light: {{ $siteSettings['color_bg_light'] ?? '#f2f7fb' }};
    --site-bg-dark: {{ $siteSettings['color_bg_dark'] ?? '#0f172a' }};
    --site-card-light: {{ $siteSettings['color_card_light'] ?? '#ffffff' }};
    --site-card-dark: {{ $siteSettings['color_card_dark'] ?? '#1a233a' }};
    --site-text-main: {{ $siteSettings['color_text_main'] ?? '#111827' }};
    --site-text-body: {{ $siteSettings['color_text_body'] ?? '#4b5563' }};
    --site-text-dark-main: {{ $siteSettings['color_text_dark_main'] ?? '#ffffff' }};
    --site-text-dark-body: {{ $siteSettings['color_text_dark_body'] ?? '#94a3b8' }};
    --site-success: {{ $siteSettings['color_success'] ?? '#22c55e' }};
    --site-danger: {{ $siteSettings['color_danger'] ?? '#ef4444' }};
}