@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@100;200;300;400;500;600;700;800;900&family=Cormorant+Garamond:wght@300;400;500;600;700&display=swap");

:root {
    --primary: #091f3e;
    --secondary: #163f6d;
    --accent: #d4af5a;

    --text: #101828;
    --muted: #667085;
    --white: #fff;


    --border: #e4e7ec;
    --surface: #f7f8fa;

    --font-heading: "Cormorant Garamond", serif;
    --font-body: "Barlow", sans-serif;
}

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

body {
    scroll-behavior: smooth;
    font-family: var(--font-body);
}

a {
    text-decoration: none;
}
ul {
    padding: 0px;
    margin: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-heading);
}
.heading-primary {
    font-family: var(--font-heading);
    font-weight: 700;
    line-height: 1.05;
    font-size: 30px;
    letter-spacing: -0.02em;
}

.heading-secondary {
    font-family: var(--font-heading);
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -0.015em;
}

.heading-tertiary {
    font-family: var(--font-heading);
    font-weight: 600;
    line-height: 1.25;
}

.title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.container {
    width: min(100% - clamp(2rem, 6vw, 5rem), 1200px);
    margin-inline: auto;
}
.divider{
   max-width: 220px;
}

.content,
.content > p {
    font-family: var(--font-body);
    font-size: clamp(18px, 4vw, 21px);
    font-weight: 400;
    line-height: 1.5;
    color: #020202;
}