/* =====================================================
   AMTHosting - Global CSS Variables
   Include this file in all HTML pages
   ===================================================== */

:root {
    /* Primary Colors */
    --primary: #6366f1;
    --primary-dark: #4f46e5;
    --primary-light: #818cf8;
    --primary-glow: rgba(99, 102, 241, 0.3);
    --gradient-primary: linear-gradient(135deg, #673DE6, #8F6BFF);
    
    /* Secondary Colors */
    --secondary: #0f172a;
    --secondary-light: #1e293b;
    --secondary-lighter: #334155;
    
    /* Background Colors */
    --bg-dark: #020617;
    --bg-card: #0f172a;
    --dark: #020617;
    
    /* Text Colors */
    --text-primary: #f1f5f9;
    --text-secondary: #94a3b8;
    --text-muted: #64748b;
    
    /* Status Colors */
    --success: #10b981;
    --success-glow: rgba(16, 185, 129, 0.3);
    --warning: #f59e0b;
    --warning-glow: rgba(245, 158, 11, 0.3);
    --danger: #ef4444;
    --danger-glow: rgba(239, 68, 68, 0.3);
    --info: #3b82f6;
    --info-glow: rgba(59, 130, 246, 0.3);
    
    /* Gray Scale */
    --gray-100: #f1f5f9;
    --gray-200: #e2e8f0;
    --gray-300: #cbd5e1;
    --gray-400: #94a3b8;
    --gray-500: #64748b;
    --gray-600: #475569;
    --gray-700: #334155;
    --gray-800: #1e293b;
    --gray-900: #0f172a;
    
    /* Border */
    --border-color: #1e293b;
    
    /* Glass Effects */
    --glass-bg: rgba(15, 23, 42, 0.8);
    --glass-border: rgba(255, 255, 255, 0.06);
    
    /* Shadows */
    --card-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.5);
    
    /* Border Radius */
    --card-radius: 24px;
    
    /* Transitions */
    --transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    
    /* Layout */
    --sidebar-width: 280px;
    --topbar-height: 70px;
}