:root {
    /* Colors — refined for deeper contrast and premium feel */
    --black: #000000;
    --black-rich: #050508;
    --white: #ffffff;
    --gray-50: #fafafa;
    --gray-100: #f5f5f5;
    --gray-200: #e5e5e5;
    --gray-300: #d4d4d4;
    --gray-400: #a3a3a3;
    --gray-500: #737373;
    --gray-600: #525252;
    --gray-700: #404040;
    --gray-800: #1a1a1e;
    --gray-900: #111114;
    --gray-950: #08080b;

    /* Accent — richer, more luminous palette */
    --accent: #00e5b0;
    --accent-light: #33ffd4;
    --accent-dark: #00a88a;
    --accent-blue: #00b4d8;
    --accent-violet: #8b5cf6;
    --accent-warm: #f59e0b;
    --accent-gradient: linear-gradient(135deg, #00e5b0 0%, #00c4ff 100%);
    --accent-gradient-warm: linear-gradient(135deg, #00e5b0 0%, #8b5cf6 100%);
    --accent-gradient-text: linear-gradient(135deg, #33ffd4 0%, #00c4ff 50%, #8b5cf6 100%);
    --accent-gradient-glow: radial-gradient(ellipse at center, rgba(0, 229, 176, 0.15) 0%, transparent 70%);

    /* Negative / Positive */
    --negative: #ff4757;
    --positive: #00e5b0;

    /* Glass — liquid glass with more depth */
    --glass-bg: rgba(255, 255, 255, 0.06);
    --glass-bg-hover: rgba(255, 255, 255, 0.1);
    --glass-bg-active: rgba(255, 255, 255, 0.12);
    --glass-border: rgba(255, 255, 255, 0.1);
    --glass-border-hover: rgba(255, 255, 255, 0.18);
    --glass-border-accent: rgba(0, 229, 176, 0.12);
    --glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
    --glass-shadow-lg: 0 24px 80px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.03);
    --glass-blur: blur(24px);
    --glass-blur-heavy: blur(40px);

    /* Typography */
    --font-display: 'Poppins', -apple-system, sans-serif;
    --font-body: 'Inter', -apple-system, sans-serif;

    /* Sizes — more dramatic scale for headlines */
    --text-xs: clamp(0.7rem, 0.8vw, 0.75rem);
    --text-sm: clamp(0.8rem, 0.9vw, 0.875rem);
    --text-base: clamp(0.9rem, 1vw, 1rem);
    --text-lg: clamp(1.05rem, 1.2vw, 1.125rem);
    --text-xl: clamp(1.15rem, 1.5vw, 1.25rem);
    --text-2xl: clamp(1.4rem, 2vw, 1.5rem);
    --text-3xl: clamp(1.8rem, 2.5vw, 2rem);
    --text-4xl: clamp(2.2rem, 3.5vw, 2.75rem);
    --text-5xl: clamp(2.8rem, 5vw, 3.75rem);
    --text-6xl: clamp(3.5rem, 7vw, 5.5rem);
    --text-7xl: clamp(4rem, 9vw, 7.5rem);

    /* Spacing */
    --section-padding: clamp(100px, 14vh, 200px);
    --container-width: 1280px;
    --container-padding: clamp(20px, 5vw, 48px);

    /* Transitions — Apple-grade easing */
    --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
    --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
    --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
    --ease-smooth: cubic-bezier(0.4, 0, 0, 1);
    --duration-fast: 0.2s;
    --duration-normal: 0.4s;
    --duration-slow: 0.8s;
    --duration-slower: 1.2s;
    --duration-cinematic: 1.8s;

    /* Borders */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-2xl: 32px;
    --radius-full: 9999px;
}