/* Root variables (from index.css) */
:root {
    --background: 30 30% 97%;
    --foreground: 270 20% 15%;
    --primary: 270 50% 40%;
    --secondary: 40 70% 55%;
    --accent: 40 80% 50%;
    --muted: 270 10% 94%;
    --border: 270 15% 88%;
    --gold: 40 80% 50%;
    --purple-light: 270 40% 95%;
    --shadow-card: 0 4px 20px -4px hsl(270 50% 40% / 0.1);
}

/* Font families */
body {
    font-family: 'Poppins', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Playfair Display', serif;
}

/* Custom gradient text */
.text-gradient-gold {
    background: linear-gradient(135deg, hsl(40, 80%, 50%), hsl(40, 70%, 60%));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Background gradients */
.bg-gradient-hero {
    background: linear-gradient(135deg, hsl(270, 50%, 40%) 0%, hsl(270, 60%, 30%) 50%, hsla(40, 80%, 50%, 0.3) 100%);
}

/* Shadows */
.shadow-card {
    box-shadow: var(--shadow-card);
}

/* Lucide icons can be sized via utility classes, already done in HTML */