:root {
    /* Colors - Brand */
    --color-primary: #D32F2F; /* Red accent based on 'Primary CTA Key' in image */
    --color-primary-hover: #b71c1c;
    --color-primary-glow: rgba(211, 47, 47, 0.5);
    
    --color-secondary: #ECEFF2; /* Scale Gray/White */
    --color-secondary-text: #8892b0;
    
    --color-accent: #38526A; /* Steel Blue for icons/titles */
    
    /* Colors - Backgrounds */
    --bg-dark: #0B1120; /* Deep Navy for Hero */
    --bg-light: #FFFFFF; /* White for About */
    --bg-gray: #F5F7FA; /* Light gray for Services */
    --bg-card: #FFFFFF;
    
    /* Colors - Text */
    --text-main-dark: #ECEFF2; /* For dark backgrounds */
    --text-main-light: #1A1A1A; /* Graphite Black for light backgrounds */
    --text-muted: #64748B;
    
    /* Typography */
    /* Prompt for both Thai and English while keeping reliable fallbacks */
    --font-heading: 'Prompt', system-ui, -apple-system, sans-serif;
    --font-body: 'Prompt', system-ui, -apple-system, sans-serif;
    
    /* Spacing */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 2rem;
    --spacing-lg: 4rem;
    --spacing-xl: 8rem;
    
    /* Section Standard Padding */
    --section-py: 6rem; /* Standard desktop vertical padding */
    --section-mobile-py: 4rem; /* Standard mobile vertical padding */
    --section-px: 1rem; /* Standard horizontal padding */
    
    /* Border Radius */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;
    
    /* Shadows */
    --shadow-soft: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-card: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --shadow-glow: 0 0 15px var(--color-primary-glow);
    
    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-medium: 0.3s ease;
}

/* Dark Mode Support (Optional Future Proofing) */
@media (prefers-color-scheme: dark) {
    /* We are enforcing specific section themes, so we might key off classes instead of media query for now 
       since the design explicitly has "Hero (Dark Theme)" and "About (Light Theme)" mixed.
       So we will keep the root variables fixed for structure foundation and use utility classes. 
    */
}