:root {
    --enchanted-teal: #2a4044;
    --forest-green: #3e5141;
    --maple-orange: #d97b2b;
    --warm-bark: #8c7b6c;
    --magical-gold: #e9d399;
    --sparkle-silver: #d1d5db;
    --off-white: #f3f4f6;
}

body {
    font-family: 'Inter', sans-serif;
}

.font-lora {
    font-family: 'Lora', serif;
}

.font-inter {
    font-family: 'Inter', sans-serif;
}

.nav-link {
    @apply relative text-sm font-medium text-[#f3f4f6]/80 transition-colors duration-300;
}

.nav-link:hover {
    @apply text-white;
}

.nav-link::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--magical-gold);
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.3s ease-in-out;
}

.nav-link:hover::after,
.nav-link.active::after {
    transform: scaleX(1);
}

.nav-link.active {
    color: var(--magical-gold);
    font-weight: 500;
}

.magical-text-glow {
    text-shadow: 0 0 8px var(--magical-gold), 0 0 20px rgba(233, 211, 153, 0.5);
}

.magical-image-glow {
    box-shadow: 0 0 15px 5px rgba(233, 211, 153, 0.2), 0 0 30px 10px rgba(233, 211, 153, 0.1);
    border: 2px solid rgba(233, 211, 153, 0.4);
}

.feature-card {
    @apply bg-[#2a4044]/50 rounded-xl border border-white/10 shadow-lg backdrop-blur-sm transition-all duration-300 ease-in-out overflow-hidden;
    background: radial-gradient(circle at top left, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0) 40%);
}

.feature-card:hover {
    @apply transform -translate-y-2 shadow-2xl border-white/20;
    box-shadow: 0 0 30px rgba(233, 211, 153, 0.1);
}

.hover-glow {
    transition: text-shadow 0.3s ease;
}

.hover-glow:hover {
    text-shadow: 0 0 8px var(--magical-gold);
}

.social-link {
    @apply text-[#f3f4f6]/70 transition-colors duration-300;
}

.social-link:hover {
    @apply text-[--magical-gold];
}

.philosophy-quote {
    @apply relative bg-[#2a4044]/40 border-l-4 border-[--magical-gold] p-6 rounded-lg;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
}