/* global.css — shared chrome: base tokens, nav, footer, buttons, keyframes */

* { margin: 0; padding: 0; box-sizing: border-box; }

:root { --primary-sage: #8B9D83; --secondary-cream: #F5F1E8; --accent-terracotta: #C97D60; --deep-earth: #4A4238; --soft-white: #FDFCF9; --muted-olive: #A8B5A0; }

body { font-family: 'Philosopher', sans-serif; color: var(--deep-earth); background: var(--soft-white); line-height: 1.6; overflow-x: hidden; }

nav { position: fixed; top: 0; width: 100%; background: rgba(253, 252, 249, 0.95); backdrop-filter: blur(10px); z-index: 1000; padding: 1.5rem 5%; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 2px 20px rgba(0,0,0,0.05); animation: slideDown 0.6s ease; }

@keyframes slideDown { from { transform: translateY(-100%); opacity: 0; } to { transform: translateY(0); opacity: 1; } }

.logo { font-family: 'Cormorant Garamond', serif; font-size: 1.8rem; font-weight: 300; color: var(--deep-earth); letter-spacing: 2px; }

.nav-links { display: flex; gap: 3rem; list-style: none; }

.nav-links a { color: var(--deep-earth); text-decoration: none; font-size: 0.95rem; letter-spacing: 0.5px; transition: color 0.3s ease; position: relative; }

.nav-links a::after { content: ''; position: absolute; bottom: -5px; left: 0; width: 0; height: 1px; background: var(--accent-terracotta); transition: width 0.3s ease; }

.nav-links a:hover { color: var(--accent-terracotta); }

.nav-links a:hover::after { width: 100%; }

@keyframes float { 0%, 100% { transform: translate(0, 0) rotate(0deg); } 50% { transform: translate(-30px, 30px) rotate(5deg); } }

@keyframes fadeInUp { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } }

.btn { padding: 1rem 2.5rem; border: none; font-family: 'Philosopher', sans-serif; font-size: 1rem; letter-spacing: 1px; cursor: pointer; transition: all 0.4s ease; text-decoration: none; display: inline-block; }

.btn-primary { background: var(--accent-terracotta); color: white; box-shadow: 0 10px 30px rgba(201, 125, 96, 0.3); }

@keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateX(-50%) translateY(0); } 40% { transform: translateX(-50%) translateY(-10px); } 60% { transform: translateX(-50%) translateY(-5px); } }

footer { background: var(--soft-white); padding: 4rem 5% 2rem; border-top: 1px solid rgba(139, 157, 131, 0.2); }

.footer-content { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 3rem; margin-bottom: 3rem; }

.footer-section h4 { font-family: 'Cormorant Garamond', serif; font-size: 1.5rem; margin-bottom: 1.5rem; color: var(--deep-earth); }

.footer-bottom { text-align: center; padding-top: 2rem; border-top: 1px solid rgba(139, 157, 131, 0.2); color: var(--deep-earth); opacity: 0.6; font-size: 0.9rem; }