:root { --primary: #2D6A4F; --primary-dark: #1B4D3E; --secondary: #1B98A0; --accent: #FF9F1C; --text-dark: #2C3E50; --text-light: #7F8C8D; --bg-light: #F4F7F9; --white: #FFFFFF; --font-sans: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; --font-serif: 'Playfair Display', Georgia, serif; } body { font-family: var(--font-sans); color: var(--text-dark); background: var(--white); } h1, h2, h3, .serif { font-family: var(--font-serif); } .btn-primary { background: var(--primary); color: white; border-radius: 40px; padding: 12px 28px; transition: all 0.2s ease; } .btn-primary:hover { background: var(--primary-dark); transform: translateY(-2px); } .progress-bar-custom { height: 8px; background: #e2e8f0; border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; background: var(--primary); width: 0%; border-radius: 10px; }