/*
Theme Name: Danish Wedding 2025
Author: Deine Agentur
Version: 1.0
Description: Automatisierte Hochzeits-Agentur für Dänemark – basierend auf Design Manual v2.0.
*/

:root {
    --naval-blue: #193148;
    --rosegold: #C5A58A;
    --soft-pink: #E8C7C7;
    --off-white: #F7F7F7;
    --sky-blue: #A9C5E0;
    --dark-grey: #4A4A4A;
    --font-sans: 'Inter', sans-serif;
    --font-serif: 'Lora', serif;
}

body { background-color: var(--off-white); font-family: var(--font-serif); color: var(--dark-grey); line-height: 1.7; font-size: 18px; }
.h1-style { font-family: var(--font-sans); font-size: clamp(2.8rem, 8vw, 4.5rem); font-weight: 700; color: var(--naval-blue); line-height: 1.1; }
.h2-style { font-family: var(--font-sans); font-size: clamp(2rem, 6vw, 3rem); font-weight: 500; color: var(--naval-blue); }
.rosegold { color: var(--rosegold); font-weight: 600; }
.softpink { color: var(--soft-pink); font-weight: 600; }
.cta-primary { background: var(--naval-blue); color: white; padding: 1rem 2.8rem; border-radius: 9999px; font-family: var(--font-sans); font-weight: 700; display: inline-block; transition: all .3s; text-decoration: none; }
.cta-primary:hover { background: var(--rosegold); color: var(--naval-blue); transform: translateY(-3px); }
.cta-secondary { background: var(--soft-pink); color: var(--naval-blue); padding: 1rem 2.8rem; border-radius: 9999px; font-family: var(--font-sans); font-weight: 700; display: inline-block; text-decoration: none; }
.cta-secondary:hover { background: var(--rosegold); color: white; }
.icon-step { font-size: 5rem; transition: transform .3s; display: block; margin: 0 auto; }
.icon-step:hover { transform: scale(1.2); }
.section-padding { padding: 4rem 1rem; max-width: 1400px; margin: 0 auto; }
.grid-3 { display: grid; grid-template-columns: 1fr; gap: 2rem; }
@media (min-width: 768px) { .grid-3 { grid-template-columns: repeat(3, 1fr); } }