/* ============================================
   KongAI Platform - Shared Design Tokens
   ============================================ */
:root {
    /* === Core Palette === */
    --kong-bg-deep:     #0a0a14;
    --kong-bg:          #0f0f1a;
    --kong-bg-elevated: #16213e;
    --kong-bg-surface:  #1a1a2e;
    --kong-bg-card:     #16213e;
    --kong-bg-input:    rgba(0,0,0,0.3);

    /* === Accent Colors === */
    --kong-accent:      #e94560;
    --kong-accent-hover:#d63851;
    --kong-accent-glow: rgba(233,69,96,0.5);
    --kong-gold:        #ffd700;
    --kong-gold-dim:    #b8960f;
    --kong-gold-glow:   rgba(255,215,0,0.4);

    /* === Semantic Colors === */
    --kong-success:     #00c853;
    --kong-success-glow:rgba(0,200,83,0.3);
    --kong-danger:      #ff1744;
    --kong-danger-glow: rgba(255,23,68,0.3);
    --kong-warning:     #ffc107;
    --kong-warning-glow:rgba(255,193,7,0.3);
    --kong-info:        #29b6f6;
    --kong-info-glow:   rgba(41,182,246,0.3);

    /* === Text === */
    --kong-text:        #eee;
    --kong-text-muted:  #8892b0;
    --kong-text-dim:    #5a6070;

    /* === Borders === */
    --kong-border:      rgba(255,255,255,0.08);
    --kong-border-hover:rgba(255,255,255,0.18);

    /* === Radius === */
    --kong-radius-sm:   6px;
    --kong-radius-md:   10px;
    --kong-radius-lg:   16px;
    --kong-radius-xl:   24px;
    --kong-radius-full: 9999px;

    /* === Shadows & Glows === */
    --kong-shadow-sm:   0 2px 8px rgba(0,0,0,0.3);
    --kong-shadow-md:   0 4px 16px rgba(0,0,0,0.4);
    --kong-shadow-lg:   0 8px 32px rgba(0,0,0,0.5);
    --kong-shadow-glow-accent: 0 0 20px var(--kong-accent-glow);
    --kong-shadow-glow-gold:   0 0 20px var(--kong-gold-glow);

    /* === Glassmorphism === */
    --kong-glass-bg:    rgba(22,33,62,0.6);
    --kong-glass-blur:  blur(12px);
    --kong-glass-border:1px solid rgba(255,255,255,0.1);

    /* === Gradients === */
    --kong-gradient-accent:  linear-gradient(135deg, #e94560, #c81e4e);
    --kong-gradient-gold:    linear-gradient(135deg, #ffd700, #ff8c00);
    --kong-gradient-dark:    linear-gradient(135deg, #0f0f1a, #1a1a2e);
    --kong-gradient-sidebar: linear-gradient(180deg, #0a0a18 0%, #0f0f23 50%, #0a0a18 100%);
    --kong-gradient-card-1:  linear-gradient(135deg, rgba(233,69,96,0.15), rgba(233,69,96,0.03));
    --kong-gradient-card-2:  linear-gradient(135deg, rgba(255,215,0,0.15), rgba(255,215,0,0.03));
    --kong-gradient-card-3:  linear-gradient(135deg, rgba(0,200,83,0.15), rgba(0,200,83,0.03));
    --kong-gradient-card-4:  linear-gradient(135deg, rgba(41,182,246,0.15), rgba(41,182,246,0.03));

    /* === Typography === */
    --kong-font:      'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --kong-font-mono: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace;

    /* === Animation === */
    --kong-ease:          cubic-bezier(0.4, 0, 0.2, 1);
    --kong-ease-bounce:   cubic-bezier(0.68, -0.55, 0.265, 1.55);
    --kong-ease-smooth:   cubic-bezier(0.25, 0.1, 0.25, 1);
    --kong-duration-fast: 150ms;
    --kong-duration:      300ms;
    --kong-duration-slow: 500ms;

    /* === Layout === */
    --kong-sidebar-width: 260px;
}