/* Enhanced Color System Variables */
:root {
    /* Primary Blue Gradient System */
    --primary-blue-start: #2563EB;
    --primary-blue-mid: #3B82F6;
    --primary-blue-end: #60A5FA;
    --primary-blue-light: #93C5FD;
    --primary-blue-dark: #1D4ED8;

    /* Accent Colors */
    --accent-purple: #8B5CF6;
    --accent-purple-light: #A78BFA;
    --accent-cyan: #06B6D4;
    --accent-cyan-light: #67E8F9;
    --accent-emerald: #10B981;
    --accent-emerald-light: #6EE7B7;
    --accent-green: #10B981;

    /* Background Colors */
    --bg-primary: #0D1117;
    --bg-secondary: #161B22;
    --bg-tertiary: #21262D;
    --bg-glass: rgba(22, 27, 34, 0.6);
    --bg-glass-hover: rgba(22, 27, 34, 0.8);

    /* Text Colors */
    --text-primary: #F0F6FC;
    --text-secondary: #C9D1D9;
    --text-muted: #8B949E;
    --text-subtle: #6E7681;

    /* Border Colors */
    --border-primary: rgba(48, 54, 61, 0.5);
    --border-accent: rgba(59, 130, 246, 0.3);
    --border-glow: rgba(59, 130, 246, 0.6);

    /* Gradient Definitions */
    --gradient-primary: linear-gradient(135deg, var(--primary-blue-start) 0%, var(--primary-blue-end) 100%);
    --gradient-primary-hover: linear-gradient(135deg, var(--primary-blue-dark) 0%, var(--primary-blue-mid) 100%);
    --gradient-accent: linear-gradient(135deg, var(--primary-blue-mid) 0%, var(--accent-purple) 100%);
    --gradient-text: linear-gradient(90deg, var(--primary-blue-end), var(--accent-purple));
    --gradient-background: radial-gradient(ellipse at top, rgba(37, 99, 235, 0.1) 0%, transparent 70%),
        radial-gradient(ellipse at bottom right, rgba(139, 92, 246, 0.08) 0%, transparent 70%);
    --gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);

    /* Animation Variables */
    --animation-duration-fast: 0.2s;
    --animation-duration-normal: 0.3s;
    --animation-duration-slow: 0.5s;
    --animation-easing: cubic-bezier(0.4, 0, 0.2, 1);
}