:root {
    --gray: #84817E;
    --cream: #F4F0E7;
    --lavender: #B6ADB9;
    --coral: #CB7F7F;
    --blue: #6C7CAB;
}

/* Base Styles */
body {
    margin: 0;
    padding: 0;
    font-family: 'Quicksand', sans-serif;
    background-color: var(--cream);
    color: var(--gray);
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'League Spartan', sans-serif;
}

/* Common Layout */
.content {
    padding: 2em;
    max-width: 1200px;
    margin: 0 auto;
}

.gradient-text {
    background: linear-gradient(135deg, var(--blue) 0%, var(--coral) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Animations */
@keyframes pulse {
    0% { opacity: 0.2; }
    50% { opacity: 0.4; }
    100% { opacity: 0.2; }
}

@keyframes movePattern {
    0% { background-position: 0 0; }
    100% { background-position: 100% 100%; }
}