/* Metropolitan Theme — CSS Custom Properties */
:root {
    /* Brand colors */
    --agency-primary: #1B2A4A;
    --agency-primary-dark: #0F1A2E;
    --agency-secondary: #3B82F6;
    --agency-secondary-dark: #2563EB;
    --agency-accent: #F59E0B;
    --agency-text: #334155;
    --agency-text-light: #64748B;
    --agency-bg: #FFFFFF;
    --agency-bg-light: #F8FAFC;
    --agency-bg-alt: #F1F5F9;
    --agency-border: #E2E8F0;

    /* Typography */
    --agency-font-heading: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --agency-font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

    /* Effects */
    --agency-radius: 12px;
    --agency-radius-sm: 8px;
    --agency-radius-lg: 16px;
    --agency-shadow: 0 4px 24px rgba(0,0,0,0.08);
    --agency-shadow-md: 0 8px 32px rgba(0,0,0,0.1);
    --agency-shadow-lg: 0 12px 48px rgba(0,0,0,0.12);
    --agency-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);

    /* Gradients (v3 style) */
    --agency-gradient-primary: linear-gradient(135deg, var(--agency-primary) 0%, #2d4a8a 100%);
    --agency-gradient-hero: linear-gradient(135deg, rgba(27,42,74,0.85) 0%, rgba(59,130,246,0.6) 100%);
    --agency-gradient-light: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    --agency-gradient-cta: linear-gradient(135deg, var(--agency-primary) 0%, var(--agency-secondary-dark) 100%);
}