/* assets/css/main.css */
:root {
/* Цвета */
--color-text-primary: #111827;
--color-text-secondary: #374151;
--color-text-tertiary: #4b5563;
--color-text-muted: #6b7280;
--color-primary: #2563eb;
--color-primary-light: #3b82f6;
--color-primary-bg: #dbeafe;
--color-primary-dark: #1e40af;
--color-primary-gradient: linear-gradient(135deg, #3b82f6, #2563eb);
--color-primary-gradient-hover: linear-gradient(135deg, #2563eb, #1e40af);
--color-secondary: #64748b;
--color-secondary-light: #94a3b8;
--color-secondary-bg: #f1f5f9;
--color-bg-white: #ffffff;
--color-bg-light: #f8fafc;
--color-bg-soft: #f1f5f9;
--color-border: #e2e8f0;
--color-border-light: #f1f5f9;
--color-border-focus: #94a3b8;
--color-border-hover: #3b82f6;
--color-success: #059669;
--color-success-light: #10b981;
--color-warning: #d97706;
/* Шрифты */
--font-primary: 'Montserrat', 'Inter', sans-serif;
--font-secondary: 'Inter', 'Montserrat', sans-serif;
--font-h1: 22px;
--font-h2: 18px;
--font-h3: 14px;
--font-base: 14px;
--font-sm: 13px;
--font-xs: 12px;
--font-light: 300;
--font-regular: 400;
--font-medium: 500;
--font-semibold: 600;
--font-bold: 700;
/* Отступы */
--spacing-xs: 4px;
--spacing-sm: 8px;
--spacing-md: 12px;
--spacing-lg: 15px;
--spacing-xl: 20px;
--spacing-xxl: 30px;
--container-max-width: 1200px;
--container-padding: 15px;
/* Скругления */
--radius-sm: 6px;
--radius-md: 8px;
--radius-lg: 12px;
--radius-full: 50%;
/* Тени */
--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
--shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
--shadow-lg: 0 20px 40px rgba(0, 0, 0, 0.12);
--shadow-hover: 0 15px 30px rgba(0, 0, 0, 0.12);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    overflow-y: scroll;

}

body {
    font-family: var(--font-primary);
    background: var(--color-bg-white);
    color: var(--color-text-secondary);
    line-height: 1.4;
    font-weight: var(--font-regular);
    font-size: var(--font-base);
}

.container {
    max-width: var(--container-max-width);
    margin: 0 auto;
    padding: 0 var(--container-padding);
}