/* ============================================================
   SP.Market — Главный файл дизайн-системы
   Импортирует модульные CSS-файлы
   ============================================================ */

@import url('market-tokens.css');
@import url('market-themes.css');
@import url('market-components.css');
@import url('market-patterns.css');
@import url('market-utilities.css');

/* ============================================================
   ГЛОБАЛЬНЫЕ СТИЛИ (не вошли в модули)
   ============================================================ */

/* Сброс */
*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    font-family: var(--font-family);
    font-size: 16px;
    line-height: var(--text-body-line);
    color: var(--color-text-primary);
    background-color: var(--color-bg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    scroll-behavior: smooth;
}

body {
    font-size: var(--text-body);
    line-height: var(--text-body-line);
    color: var(--color-text-primary);
    background-color: var(--color-bg);
    min-height: 100vh;
}

/* Типографика */
h1, h2, h3, h4, h5, h6 {
    font-weight: var(--text-h1-weight);
    line-height: var(--text-h1-line);
    letter-spacing: var(--text-h1-tracking);
    color: var(--color-text-primary);
}

h1 { font-size: var(--text-h1); }
h2 { font-size: var(--text-h2); }
h3 { font-size: var(--text-h3); }

p { margin-bottom: var(--space-md); }

a {
    color: var(--color-primary);
    text-decoration: none;
    transition: color var(--motion-fast);
}

a:hover {
    color: var(--color-primary-dark);
}