/* ================================================================
   variables.css - CSS 繧ｫ繧ｹ繧ｿ繝繝励Ο繝代ユ繧｣ (:root)
   ================================================================ */

/* 蜈ｱ騾壹せ繧ｿ繧､繝ｫ */
:root {
    /* Primary Colors - 繧医ｊ魄ｮ繧・°縺ｧ迴ｾ莉｣逧・↑繝悶Ν繝ｼ */
    --primary-color: #0EA5E9;
    --primary-dark: #0284C7;
    --primary-light: #38BDF8;
    --primary-lighter: #7DD3FC;
    
    /* Accent Colors */
    --accent-color: #06B6D4;
    --accent-dark: #0891B2;
    
    /* Status Colors */
    --success-color: #10B981;
    --success-light: #34D399;
    --warning-color: #F59E0B;
    --warning-light: #FBBF24;
    --danger-color: #EF4444;
    --danger-light: #F87171;
    --info-color: #3B82F6;
    
    /* Background Colors - 繧医ｊ豺ｱ縺ｿ縺ｮ縺ゅｋ繝€繝ｼ繧ｯ */
    --dark-bg: #0A0E14;
    --card-bg: #0F1419;
    --card-hover: #161B22;
    --card-elevated: #1A1F26;
    
    /* Text Colors - 繧｢繧ｯ繧ｻ繧ｷ繝薙Μ繝・ぅ謾ｹ蝟・*/
    --text-primary: #FFFFFF;
    --text-secondary: #CBD5E1;
    --text-tertiary: #94A3B8;
    --text-accent: #60A5FA;
    
    /* Border Colors */
    --border-color: #1E293B;
    --border-accent: #0EA5E9;
    --border-hover: #38BDF8;
    
    /* Gradients */
    --gradient-bg: linear-gradient(135deg, #0A0E14 0%, #0F1419 50%, #161B22 100%);
    --gradient-primary: linear-gradient(135deg, #0EA5E9 0%, #06B6D4 100%);
    --gradient-success: linear-gradient(135deg, #10B981 0%, #059669 100%);
    --gradient-warning: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);
    --gradient-danger: linear-gradient(135deg, #EF4444 0%, #DC2626 100%);
    --gradient-card: linear-gradient(135deg, #0F1419 0%, #161B22 100%);
    --gradient-glass: linear-gradient(135deg, rgba(15, 20, 25, 0.8) 0%, rgba(22, 27, 34, 0.8) 100%);

    /* Aliases & Additional Variables */
    --bg-secondary: #161B22;
    --panel-bg: #0F1419;
    --glass-bg: rgba(15, 20, 25, 0.85);
    --text-muted: #64748B;
    
    /* Shadows - 繧医ｊ遶倶ｽ鍋噪縺ｪ蠖ｱ */
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    --shadow: 0 4px 16px rgba(14, 165, 233, 0.12);
    --shadow-md: 0 6px 20px rgba(14, 165, 233, 0.15);
    --shadow-lg: 0 10px 30px rgba(14, 165, 233, 0.2);
    --shadow-xl: 0 20px 40px rgba(14, 165, 233, 0.25);
    --shadow-hover: 0 12px 35px rgba(14, 165, 233, 0.3);
    --shadow-inner: inset 0 2px 4px rgba(0, 0, 0, 0.4);
    
    /* Glow Effects */
    --glow: 0 0 20px rgba(14, 165, 233, 0.4);
    --glow-strong: 0 0 30px rgba(14, 165, 233, 0.6);
    
    /* Backdrop Blur */
    --blur: blur(12px);
    --blur-strong: blur(20px);
    
    /* Border Radius */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
    --radius-full: 9999px;
    
    /* Spacing */
    --spacing-xs: 8px;
    --spacing-sm: 12px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    
    /* Transitions - 譛€蟆城剞縺ｫ遏ｭ邵ｮ */
    --transition-fast: 100ms ease;
    --transition-base: 150ms ease;
    --transition-slow: 200ms ease;
}