:root {
    --brand-red: #B32A20;
    --brand-gold: #F9C82A;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: var(--brand-red);
    color: #fff;
}

.serif {
    font-family: 'Cormorant Garamond', serif;
}

.bg-brand-red { background-color: var(--brand-red); }
.bg-brand-gold { background-color: var(--brand-gold); }
.text-brand-gold { color: var(--brand-gold); }
.text-brand-red { color: var(--brand-red); }
.border-brand-gold { border-color: var(--brand-gold); }

/* Section light */
.section-light {
    background-color: #fff;
    color: #1a1a1a;
}

/* Seed pattern */
.seed-pattern {
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 10c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2z' fill='%23F9C82A' fill-opacity='0.2'/%3E%3C/svg%3E");
}

/* Text outline */
.text-outline {
    -webkit-text-stroke: 1px rgba(249, 200, 42, 0.4);
    color: transparent;
}

/* Slide-up animation */
@keyframes slideUp {
    from { opacity: 0; transform: translateY(40px); }
    to { opacity: 1; transform: translateY(0); }
}
.animate-slide {
    animation: slideUp 1s ease-out forwards;
}

/* Nav link underline effect */
.nav-link {
    position: relative;
}
.nav-link::after {
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    bottom: -4px;
    left: 0;
    background-color: var(--brand-gold);
    transition: width 0.3s ease;
}
.nav-link:hover::after {
    width: 100%;
}