/* CSS Variables and font declarations */
:root {
    color-scheme: light;
    /* Brand - Власть и технологии */
    --brand-base: #111827; /* Глубокий темный (почти черный) */
    --brand-contrast: #ffffff;

    --primary-color: var(--brand-base);
    --primary-light: #374151;
    --primary-dark: #000000;
    --primary-contrast: var(--brand-contrast);

    /* Surfaces */
    --background: #ffffff;
    --background-alt: #F9FAFB;
    --background-hero: #F3F4F6;
    --secondary-bg: rgba(255, 255, 255, 0.95);
    --secondary-border: var(--primary-color);

    /* Typography */
    --text-dark: #0B0B0F;
    --text-secondary: #4B5563;
    --text-muted: #9CA3AF;
    --text-readable: #1F2937;
    --text-tertiary: #D1D5DB;

    /* Neutrals */
    --surface-contrast: var(--brand-contrast);
    --border-color: #E5E7EB;
    --border-light: #F3F4F6;

    /* Accent palette - Якорь внимания (Желтый) */
    --accent-base: #F59E0B; /* Янтарный/Желтый */
    --accent-emphasis: #D97706;
    --accent-highlight: #FBBF24;
    --accent-notice: #FEF3C7;

    /* Status */
    --status-success: #059669;
    --success-color: var(--status-success);
    --success-dark: #047857;
    --success-forest: #064E3B;

    --status-danger: #DC2626;
    --danger-color: var(--status-danger);
    --danger-dark: #991B1B;

    --status-warning: #F59E0B;
    --warning-bg: rgba(245, 158, 11, 0.1);
    --warning-border: rgba(245, 158, 11, 0.4);
    --warning-text: #92400E;

    /* Navigation */
    --nav-space: #111827;
    --nav-space-mid: #1F2937;
    --nav-space-dark: #000000;

    /* Gradient spectrum */
    --spectrum-stop-1: #111827;
    --spectrum-stop-2: #1F2937;
    --spectrum-stop-3: #374151;
    --spectrum-stop-4: #4B5563;
    --spectrum-stop-5: #6B7280;

    /* Shadows & Gradients */
    --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 20px 25px -5px rgba(0, 0, 0, 0.1);
    --shadow-cta: 0 8px 32px rgba(245, 158, 11, 0.3), 0 0 60px rgba(245, 158, 11, 0.15);
    --shadow-glow: 0 0 40px rgba(17, 24, 39, 0.2), 0 0 80px rgba(245, 158, 11, 0.1);
    
    --gradient-primary: linear-gradient(135deg, var(--primary-color) 0%, #1F2937 100%);
    --gradient-hero: linear-gradient(180deg, #FFFFFF 0%, #F3F4F6 100%);
    --gradient-ai: linear-gradient(135deg, #111827 0%, #374151 100%);
    --gradient-glow: linear-gradient(135deg, rgba(245, 158, 11, 0.1) 0%, rgba(17, 24, 39, 0.05) 100%);
    --gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.2) 100%);

    /* Base settings */
    --font-system: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', 'Noto Sans', sans-serif;
    --border-radius: 8px; /* Более строгие углы для B2B */
    --border-radius-lg: 12px;
    --border-radius-xl: 16px;
    --transition: all 0.2s ease;
    --transition-slow: all 0.3s ease;
    --glass-bg: rgba(255, 255, 255, 0.8);
    --glass-border: rgba(229, 231, 235, 0.5);
    --integration-card-bg: #374151;
}

@font-face {
	font-family: 'Caveat';
	src: url('../../fonts/Caveat-VariableFont_wght.ttf') format('truetype-variations');
	font-weight: 400 700;
	font-display: swap;
}

@font-face {
	font-family: 'Yanone Kaffeesatz';
	src: url('../../fonts/YanoneKaffeesatz-VariableFont_wght.ttf') format('truetype-variations');
	font-weight: 200 700;
	font-display: swap;
}