/*
 * Avada.Shop Modern — основной пакет стилей
 * Создан для внедрения современной дизайн-системы (карточки, сетки, типографика)
 */

:root {
    /* Базовая палитра: временные значения, подлежат уточнению */
    --color-bg-default: #f5f7fb;
    --color-surface: #ffffff;
    --color-primary: #1a5cff;
    --color-primary-dark: #0f3fcc;
    --color-secondary: #ff3f70;
    --color-success: #12b76a;
    --color-warning: #f79009;
    --color-danger: #f04438;
    --color-text-primary: #1f2933;
    --color-text-secondary: #52606d;
    --color-border: rgba(15, 23, 42, 0.08);

    --font-base: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
    --font-display: "Manrope", "Inter", sans-serif;

    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 18px;

    --font-size-xs: clamp(12px, 0.8rem, 13px);
    --font-size-sm: clamp(13px, 0.85rem, 14px);
    --font-size-md: clamp(14px, 0.9rem, 16px);
    --font-size-lg: clamp(16px, 1rem, 18px);
    --font-size-xl: clamp(18px, 1.2rem, 22px);
    --font-size-xxl: clamp(22px, 1.4rem, 28px);

    --space-2xs: clamp(4px, 0.2rem, 6px);
    --space-xs: clamp(8px, 0.4rem, 10px);
    --space-sm: clamp(12px, 0.6rem, 14px);
    --space-md: clamp(16px, 0.8rem, 20px);
    --space-lg: clamp(24px, 1.2rem, 28px);
    --space-xl: clamp(32px, 1.6rem, 36px);
    --space-2xl: clamp(48px, 2.2rem, 56px);

    --shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.1);
    --shadow-sm: 0 8px 16px rgba(15, 23, 42, 0.08);
    --shadow-md: 0 20px 40px rgba(15, 23, 42, 0.12);

    --container-max: 1320px;
    --gutter: clamp(16px, 2vw, 32px);
}

html {
    font-family: var(--font-base);
    color: var(--color-text-primary);
    background-color: var(--color-bg-default);
}

body {
    min-height: 100vh;
    margin: 0;
    background-color: inherit;
}

.container,
.l-content,
#index-content,
#j-content {
    width: min(100% - 2 * var(--gutter), var(--container-max));
    margin-inline: auto;
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}