html {
    --el-title-color: #000;
    --dark-title-color: #fff;
    --header-link-color: #fff;
    --header-link-color-hover: #93c5fd;
    --header-link-color-active: #3b82f6;
    --footer-link: #BBBBBB;
    --footer-link-hover: #93c5fd;
    --footer-link-active: #93c5fd;
    --green-bg: #1e40af;
    --hover-green-bg: #1d4ed8;
    --dark-green-text: #000;
    --dark-green-bg: #000;
    --blue-bg: #3b82f6;
    --border-color: #a5b4fc;
    --light-text: #F4E4C1;
    --white: #ffffff;
    --black: #000000;
}

* {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
    outline: none;
}

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.01em;
}

.flex {
    display: flex;
}

p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7;
    letter-spacing: -0.01em;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', 'Inter', sans-serif;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.02em;
}

h1 {
    font-size: 40px;
    font-weight: 700;
}

.subheader-title {
    font-size: 24px;
    font-weight: 600;
    font-family: 'Poppins', 'Inter', sans-serif;
}

.row {
    flex-direction: row;
}

.column {
    flex-direction: column;
}