/**
 * Pranav Sahu Portfolio Design System Variables
 * Brand: Orange, Dark Neutrals, Crisp Whites
 */

:root {
    /* Brand Primary Colors */
    --color-primary: #FF5722;
    --color-primary-hover: #E64A19;
    --color-primary-dark: #D84315;
    --color-primary-light: #FF8A65;
    --color-primary-subtle: rgba(255, 87, 34, 0.08);
    --color-primary-glow: rgba(255, 87, 34, 0.25);
    --color-primary-border: rgba(255, 87, 34, 0.28);
    --color-accent-green: #10B981;
    --color-accent-orange: #FF6B00;

    /* Neutrals - Dark Mode & Accents */
    --color-dark-950: #07080A;
    --color-dark-900: #0B0C0E;
    --color-dark-800: #12141A;
    --color-dark-700: #1A1D26;
    --color-dark-600: #252A36;
    --color-dark-500: #363C4D;

    /* Neutrals - Light Mode */
    --color-bg-main: #FFFFFF;
    --color-bg-subtle: #F8F9FC;
    --color-bg-card: #FFFFFF;
    --color-bg-elevated: #F1F3F7;
    --color-bg-dark-card: #0F1117;
    
    /* Text Hierarchy */
    --color-text-primary: #101216;
    --color-text-secondary: #4A505E;
    --color-text-muted: #747C8D;
    --color-text-inverse: #FFFFFF;
    --color-text-inverse-muted: #A0A6B5;

    /* Borders & Shadows */
    --border-color: #E5E8EF;
    --border-color-subtle: #ECEEF4;
    --border-dark: #262B38;
    --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.04);
    --shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.07);
    --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.09);
    --shadow-xl: 0 24px 60px rgba(0, 0, 0, 0.12);
    --shadow-glow: 0 8px 24px rgba(255, 87, 34, 0.25);
    --shadow-card-hover: 0 14px 36px rgba(0, 0, 0, 0.1);

    /* Typography */
    --font-heading: 'Outfit', 'Plus Jakarta Sans', sans-serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-display: 'Outfit', sans-serif;
    --font-mono: 'JetBrains Mono', Consolas, monospace;

    /* Sizing & Radius */
    --radius-xs: 4px;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 18px;
    --radius-xl: 26px;
    --radius-2xl: 32px;
    --radius-full: 9999px;

    /* Transitions */
    --transition-fast: 0.15s ease;
    --transition-normal: 0.25s ease;
    --transition-smooth: 0.35s cubic-bezier(0.16, 1, 0.3, 1);
    
    /* Layout */
    --container-max: 1200px;
    --header-height: 74px;
}