/* ==========================================================================
   AI Colors - Digital Architect Theme
   Premium dark color system for Abdulmajeed Althari's personal website
   ========================================================================== */

:root {
    /* Background layers */
    --bg-void: #06060e;
    --bg-deep: #0a0a14;
    --bg-surface: #0f1019;
    --bg-elevated: #161824;
    --bg-card: #1a1c2e;
    --bg-card-hover: #1f2238;

    /* Primary accent - Electric Cyan */
    --accent-primary: #00d4ff;
    --accent-primary-dim: rgba(0, 212, 255, 0.15);
    --accent-primary-glow: rgba(0, 212, 255, 0.4);

    /* Secondary accent - Indigo */
    --accent-secondary: #6366f1;
    --accent-secondary-dim: rgba(99, 102, 241, 0.15);

    /* Warm accent - Amber */
    --accent-warm: #f59e0b;
    --accent-warm-dim: rgba(245, 158, 11, 0.15);

    /* Success / Impact */
    --accent-impact: #10b981;
    --accent-impact-dim: rgba(16, 185, 129, 0.15);

    /* Text hierarchy */
    --text-bright: #f1f5f9;
    --text-primary: #e2e8f0;
    --text-secondary: #94a3b8;
    --text-muted: #64748b;
    --text-dim: #475569;

    /* Borders */
    --border-subtle: rgba(148, 163, 184, 0.08);
    --border-light: rgba(148, 163, 184, 0.15);
    --border-accent: rgba(0, 212, 255, 0.3);

    /* Gradients */
    --gradient-hero: linear-gradient(135deg, #06060e 0%, #0a0a14 50%, #0d0f1a 100%);
    --gradient-card: linear-gradient(145deg, #1a1c2e 0%, #161824 100%);
    --gradient-accent: linear-gradient(135deg, #00d4ff, #6366f1);
    --gradient-warm: linear-gradient(135deg, #f59e0b, #ef4444);

    /* Shadows */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 24px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 8px 48px rgba(0, 0, 0, 0.5);
    --shadow-glow: 0 0 30px rgba(0, 212, 255, 0.15);

    /* Spacing */
    --section-padding: 40px 0;
    --container-max: 800px;
    --container-padding: 0 40px;

    /* Typography */
    --font-display: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-mono: 'JetBrains Mono', 'SF Mono', 'Fira Code', monospace;

    /* Transitions */
    --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
    --transition-fast: 0.2s var(--ease-out-expo);
    --transition-smooth: 0.5s var(--ease-out-expo);
    --transition-slow: 0.8s var(--ease-out-expo);
}