@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

:root {
    /* Premium Brand Colors */
    --primary: #0A192F;         /* Rich Dark Navy / Royal Blue */
    --primary-dark: #060F1D;    /* Darker Navy */
    --primary-light: #162B4D;
    
    --secondary: #000000;       /* Black */
    --secondary-hover: #111111;
    
    --accent: #162B4D;          /* Lighter Navy Accent */
    --accent-hover: #0A192F;
    
    /* Neutrals */
    --white: #FFFFFF;
    --off-white: #F7F8FA;
    --gray-100: #F2F4F7;
    --gray-200: #EAECF0;
    --gray-300: #D0D5DD;
    --gray-400: #98A2B3;
    
    /* Text */
    --text-main: #111827;       /* Very Dark Gray for high contrast */
    --text-secondary: #667085;  /* Muted */
    
    /* System */
    --success: #027A48;
    --success-bg: #ECFDF3;
    --error: #B42318;
    --error-bg: #FEF3F2;
    --warning: #B54708;
    --warning-bg: #FFFAEB;
    
    /* Typography */
    --font-main: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    
    /* Premium Shadows */
    --shadow-sm: 0 2px 4px rgba(7, 26, 51, 0.04), 0 1px 2px rgba(7, 26, 51, 0.02);
    --shadow-md: 0 12px 24px -4px rgba(7, 26, 51, 0.06), 0 8px 16px -4px rgba(7, 26, 51, 0.04);
    --shadow-lg: 0 24px 48px -12px rgba(7, 26, 51, 0.12);
    --shadow-hover: 0 32px 64px -12px rgba(7, 26, 51, 0.15);
    
    /* Premium Border Radius */
    --radius-sm: 8px;
    --radius-md: 14px;      /* Buttons, Inputs */
    --radius-lg: 20px;      /* Medium Cards */
    --radius-xl: 28px;      /* Large Cards, Hero Images */
    
    /* Layout */
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --container-max: 1320px;
}