:root {
    --color-gold: 40 96% 58%;
    --color-gold-dark: 38 92% 50%;
    --color-navy: 220 40% 20%;
    --color-navy-light: 220 30% 30%;
}

body {
    background-color: white;
    color: rgb(17 24 39);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Playfair Display', Georgia, serif;
}

h1 {
    font-size: 3.75rem;
    line-height: 1;
    font-weight: 700;
}

h2 {
    font-size: 3rem;
    line-height: 1;
    font-weight: 700;
}

h3 {
    font-size: 2.25rem;
    line-height: 1.2;
    font-weight: 600;
}

h4 {
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 600;
}

/* Optional: Add your custom utility classes if needed */
.bg-gold {
    background-color: hsl(var(--color-gold));
}

.bg-gold-dark {
    background-color: hsl(var(--color-gold-dark));
}

.bg-navy {
    background-color: hsl(var(--color-navy));
}

.text-gold {
    color: hsl(var(--color-gold));
}

.text-gold-dark {
    color: hsl(var(--color-gold-dark));
}

.text-navy {
    color: hsl(var(--color-navy));
}