/* ============================================================================
   AXIOMICA ISLCS - DESIGN SYSTEM VARIABLES
   Профессиональная палитра цветов и токены отступов
   Версия: 2.0.0
   ============================================================================ */
:root {
    /* Основные брендовые цвета */
    --primary-blue: #112d46;
    --dark-blue: #0c2440;
    --light-blue: #2a4365;
    --darker-blue: #0a1d35;
    --primary-blue-light: #1a4f7a;
    
    /* Семантические цвета */
    --success-color: #10b981;
    --success-bg: #d1fae5;
    --warning-color: #f59e0b;
    --warning-bg: #fef3c7;
    --error-color: #ef4444;
    --error-bg: #fee2e2;
    --info-color: #3498db;
    --info-bg: #dbeafe;

    /* Нейтральные цвета */
    --gray-900: #0f172a;
    --gray-800: #2d3748;
    --gray-700: #334155;
    --gray-600: #4a5568;
    --gray-500: #718096;
    --gray-400: #a0aec0;
    --gray-300: #cbd5e0;
    --gray-200: #e2e8f0;
    --gray-100: #f1f5f9;
    --gray-50: #f7fafc;
    --white: #ffffff;
    --off-white: #f8fafc;
    --background: #f5f7fa;
    --surface: #ffffff;

    /* Акцентные цвета */
    --accent-cyan: #00f0ff;
    --accent-teal: #00d1b2;
    --accent-red: #ff6b6b;
    --accent-yellow: #ffd43b;

    /* Отступы (Spacing Scale) */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;

    /* Тени */
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    --shadow-xl: 0 25px 50px rgba(0, 0, 0, 0.7);
    
    /* Типографика */
    --font-regular: "RobotoCondensedRegular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --font-bold: "RobotoCondensedBold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --font-light: "RobotoCondensedLight", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --base-font-size: 16px;
    --line-height-tight: 1.25;
    --line-height-normal: 1.5;
    
    /* Радиусы скругления */
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 12px;
    --radius-xl: 13px;
    
    /* Переходы */
    --transition-fast: 0.15s ease-in-out;
    --transition-normal: 0.2s ease-in-out;
    --transition: var(--transition-normal);
    
    /* Фоны */
    --chess-white: url('../images/cnbg.png');
}