/*
Theme Name:   Weedu
Theme URI:    https://weedu.ru/
Description:  Тема каталога онлайн-курсов, школ и экспертов Weedu.ru
Author:       Weedu
Author URI:   https://weedu.ru/
Version:      1.0.0
Text Domain:  weedu
*/

/* ========== ГЛОБАЛЬНЫЕ ПЕРЕМЕННЫЕ ========== */
:root {
    /* Цвета из ТЗ */
    --color-bg-page: #FFFFFF;
    --color-bg-card: #FFFFFF;
    --color-text-primary: #1B1D27;
    --color-text-secondary: #6B7280;
    --color-border: #E5E7EB;

    --color-accent: #635BFF;
    --color-accent-hover: #5148E5;
    --color-accent-light: #EEF2FF;

    --color-success: #14B8A6;
    --color-success-light: #ECFDF5;
    --color-warning: #F59E0B;
    --color-warning-light: #FFFBEB;
    --color-price: #E85D3F;
    --color-price-light: #FEF2F2;

    /* Типографика */
    --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

    /* Радиусы */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
    --radius-pill: 999px;

    /* Тени */
    --shadow-card: 0 4px 18px rgba(16, 24, 40, 0.05);
    --shadow-card-hover: 0 10px 28px rgba(16, 24, 40, 0.10);

    /* Контейнер */
    --container-max-width: 1280px;
    --container-padding: 32px;
}

@media (max-width: 1024px) {
    :root {
        --container-padding: 24px;
    }
}

@media (max-width: 768px) {
    :root {
        --container-padding: 16px;
    }
}

/* ========== БАЗОВЫЕ СТИЛИ ========== */
*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
    font-family: var(--font-primary);
    font-size: 16px;
    line-height: 1.6;
    color: var(--color-text-primary);
    background: var(--color-bg-page);
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-primary);
    font-weight: 700;
    color: var(--color-text-primary);
    margin-top: 0;
}

a {
    color: var(--color-accent);
    text-decoration: none;
    transition: color 0.2s;
}

a:hover {
    color: var(--color-accent-hover);
}

img {
    max-width: 100%;
    height: auto;
}

/* ========== КОНТЕЙНЕР ========== */
.weedu-container {
    max-width: var(--container-max-width);
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--container-padding);
    padding-right: var(--container-padding);
}