:root {
    --primary-color: #4F46E5;
    --secondary-color: #F3F4F6;
    --success-color: #10B981;
    --text-color: #212529;
    --font-family-headings: 'Poppins', sans-serif;
    --font-family-body: 'Inter', sans-serif;
}

body {
    font-family: var(--font-family-body);
    color: var(--text-color);
    background-color: #FFF;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-family-headings);
    font-weight: 700;
}

.btn-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.btn-primary:hover {
    background-color: #4338CA;
    border-color: #4338CA;
}