:root {
    --maroon: #7a1a2b;
    --maroon-dark: #5e1220;
    --maroon-light: #9c2438;
    --cream: #FAF6F2;
    --gold: #c99a4a;
    --green: #2e9e5b;
    --amber: #e0a536;
    --red: #c94040;
    --ink: #28191c;
    --muted: #7d6f70;
    --line: #ece3dd;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Vazirmatn', sans-serif;
    color: var(--ink);
    background: #FAF6F2;
    line-height: 1.7;
}

img {
    max-width: 100%;
    display: block;
}

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

ul {
    list-style: none;
}

button {
    font-family: inherit;
    cursor: pointer;
    border: none;
    background: none;
}

.wrap {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 24px;
}

.eyebrow {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    color: var(--maroon);
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 8px;
}

.eyebrow::before, .eyebrow::after {
    content: "";
    width: 24px;
    height: 2px;
    background: var(--gold);
}

h2.section-title {
    text-align: center;
    font-size: 28px;
    font-weight: 800;
    margin-bottom: 6px;
}

.section-sub {
    text-align: center;
    color: var(--muted);
    font-size: 14.5px;
    margin-bottom: 36px;
}

section {
    padding: 64px 0;
}