* {
    box-sizing: border-box;
}

:root {
    --store-blue: #2563eb;
    --store-blue-dark: #1d4ed8;
    --store-blue-light: #eff6ff;
    --store-blue-border: #bfdbfe;
    --store-text: #10182f;
    --store-muted: #64748b;
    --store-border: #e2e8f0;
    --store-white: #ffffff;
}

html,
body {
    margin: 0;
    padding: 0;
}

body {
    background: var(--store-white);
    color: var(--store-text);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
}

a {
    color: inherit;
    text-decoration: none;
}

button {
    font-family: inherit;
}

main {
    background: var(--store-white);
}

.store-container {
    width: 100%;
    max-width: 1340px;
    margin: 0 auto;
    padding: 0 30px;
}

.store-btn {
    height: 44px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 22px;
    font-size: 15px;
    font-weight: 700;
    border: 1px solid transparent;
}

.store-btn--primary,
.store-btn--blue {
    background: linear-gradient(135deg, var(--store-blue), var(--store-blue-dark));
    color: var(--store-white);
}

.store-btn--outline-primary,
.store-btn--outline-blue {
    color: var(--store-blue-dark);
    border-color: var(--store-blue-border);
    background: var(--store-white);
}

/* Оставил старые классы, чтобы не ломать Views */
.store-btn--violet {
    background: linear-gradient(135deg, var(--store-blue), var(--store-blue-dark));
    color: var(--store-white);
}

.store-btn--outline-violet {
    color: var(--store-blue-dark);
    border-color: var(--store-blue-border);
    background: var(--store-white);
}

.store-btn--green {
    background: linear-gradient(135deg, #12bf75, #009d58);
    color: var(--store-white);
}

.store-btn--orange {
    background: linear-gradient(135deg, #ffba17, #ff9900);
    color: var(--store-white);
}

.store-btn--outline-green {
    color: #009b60;
    border-color: #54c99a;
    background: var(--store-white);
}

.store-btn--outline-orange {
    color: #f39500;
    border-color: #ffb83f;
    background: var(--store-white);
}