/* Consistent Styles for Tendzien Wedding Planning Website */

/* This file ensures consistent styling across all pages */

/* Typography */
body {
    font-family: var(--font-secondary);
    font-size: var(--font-size-base);
    line-height: var(--line-height-normal);
    color: var(--dark-gray);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-primary);
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-tight);
    color: var(--secondary-color);
}

h1 {
    font-size: var(--font-size-5xl);
    letter-spacing: var(--letter-spacing-tight);
}

h2 {
    font-size: var(--font-size-4xl);
    letter-spacing: var(--letter-spacing-tight);
}

h3 {
    font-size: var(--font-size-3xl);
}

h4 {
    font-size: var(--font-size-2xl);
}

h5 {
    font-size: var(--font-size-xl);
}

h6 {
    font-size: var(--font-size-lg);
}

p {
    font-family: var(--font-secondary);
    line-height: var(--line-height-relaxed);
    margin-bottom: 1rem;
}

/* Navigation */
nav ul li a {
    font-family: var(--font-primary);
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-sm);
    letter-spacing: var(--letter-spacing-wide);
}

nav ul li a.active,
nav ul li a.current-page {
    background: linear-gradient(135deg, #b76e79 0%, #8d4a56 100%) !important;
    color: #ffffff !important;
    position: relative !important;
    z-index: 1 !important;
    font-weight: var(--font-weight-bold) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
    border: 2px solid #b76e79 !important;
}

/* Section Titles */
.section-title h2 {
    font-family: var(--font-primary);
    font-weight: var(--font-weight-bold);
    letter-spacing: var(--letter-spacing-tight);
}

.section-title p {
    font-family: var(--font-secondary);
    font-weight: var(--font-weight-light);
    font-size: var(--font-size-lg);
}

/* Hero Section */
.hero h1 {
    font-family: var(--font-primary);
    font-weight: var(--font-weight-bold);
    letter-spacing: var(--letter-spacing-tight);
    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.hero p {
    font-family: var(--font-secondary);
    font-weight: var(--font-weight-light);
    font-size: var(--font-size-xl);
    letter-spacing: var(--letter-spacing-normal);
}

/* Buttons */
.btn {
    font-family: var(--font-primary);
    font-weight: var(--font-weight-medium);
    letter-spacing: var(--letter-spacing-wide);
    text-transform: uppercase;
    font-size: var(--font-size-sm);
}

/* Cards */
.card-title {
    font-family: var(--font-primary);
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-xl);
}

.card-text {
    font-family: var(--font-secondary);
    font-size: var(--font-size-base);
}

/* Testimonials */
.testimonial-text {
    font-family: var(--font-accent);
    font-style: italic;
    font-size: var(--font-size-lg);
    line-height: var(--line-height-relaxed);
}

.testimonial-author {
    font-family: var(--font-primary);
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-sm);
    letter-spacing: var(--letter-spacing-wide);
}

/* Footer */
footer h3 {
    font-family: var(--font-primary);
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-lg);
}

footer p, footer a {
    font-family: var(--font-secondary);
    font-size: var(--font-size-sm);
}

/* Responsive Typography */
@media (max-width: 768px) {
    h1 { font-size: var(--font-size-4xl); }
    h2 { font-size: var(--font-size-3xl); }
    h3 { font-size: var(--font-size-2xl); }
    h4 { font-size: var(--font-size-xl); }
    h5 { font-size: var(--font-size-lg); }
    h6 { font-size: var(--font-size-base); }
    
    .hero p {
        font-size: var(--font-size-lg);
    }
}