/* ==========================================================================
   ADNEX DESIGN TOKENS — LIGHT-FIRST PREMIUM EDITORIAL GROWTH AGENCY
   ========================================================================== */
:root {
    /* Brand Colors */
    --color-white: #FFFFFF;
    --color-bg-light: #F5F7FA;
    --color-bg-page: #FFFFFF;
    --color-bg-subtle: #F8FAFC;
    --color-offwhite: #F8FAFC;
    
    --color-navy: #0B1F3A;
    --color-navy-midnight: #0B1F3A;
    --color-navy-deep: #071629;
    --color-charcoal: #1F242D;
    --color-slate: #475569;
    
    --color-text-primary: #0B1F3A;
    --color-text-secondary: #526581;
    --color-text-muted: #8A99AD;
    --color-text-inverse: #FFFFFF;
    --color-text-inverse-muted: rgba(255, 255, 255, 0.72);
    
    --color-red: #E11D2E;
    --color-red-hover: #C81525;
    --color-red-subtle: rgba(225, 29, 46, 0.08);
    
    --color-blue: #2563EB;
    --color-blue-hover: #1D4ED8;
    --color-blue-subtle: rgba(37, 99, 235, 0.08);
    
    /* Borders & Dividers */
    --color-border: #E5EAF0;
    --color-border-subtle: #F1F5F9;
    --color-border-strong: #CBD5E1;
    --color-border-dark: rgba(255, 255, 255, 0.12);
    --border-subtle: #E2E8F0;

    /* Typography */
    --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    
    /* Spacing Scale */
    --spacing-1: 4px;
    --spacing-2: 8px;
    --spacing-3: 12px;
    --spacing-4: 16px;
    --spacing-5: 24px;
    --spacing-6: 32px;
    --spacing-7: 48px;
    --spacing-8: 64px;
    --spacing-9: 80px;
    --spacing-10: 96px;
    --spacing-11: 120px;
    
    /* Layout */
    --container-max: 1240px;
    --container-width: 1240px;
    --container-narrow: 840px;
    
    /* Radii */
    --radius-btn: 6px;
    --radius-card: 10px;
    --radius-md: 10px;
    --radius-sm: 6px;
    --border-radius-sm: 6px;
    --border-radius-md: 10px;
    --border-radius-lg: 14px;
    
    /* Shadows - Clean & Subtle */
    --shadow-sm: 0 1px 2px rgba(11, 31, 58, 0.04);
    --shadow-card: 0 2px 8px rgba(11, 31, 58, 0.04);
    --shadow-card-hover: 0 8px 24px rgba(11, 31, 58, 0.08);
    --shadow-dropdown: 0 12px 32px rgba(11, 31, 58, 0.10);
    
    /* Typography Scale */
    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-base: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.25rem;
    --font-size-2xl: 1.5rem;
    --font-size-3xl: 1.875rem;
    --font-size-4xl: 2.25rem;
    
    /* Transitions */
    --transition-fast: 0.15s ease;
    --transition-base: 0.25s ease;
    
    /* Z-Index */
    --z-header: 1000;
    --z-nav-mobile: 999;
}