/******* Do not edit this file ******* Simple Custom CSS and JS - by Silkypress.com Saved: Jul 15 2025 | 07:12:07 */ /* === Google Fonts Import (Add this to or use Elementor Font settings) === */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap'); /* === Base Colors === */ :root { --brand-gold: #CA993C; --brand-cream: #F7EDDF; --text-light: #E0E0E0; --bg-dark: #121212; --bg-dark-secondary: #1E1E1E; --border-color: #2C2C2C; } /* === Global Body === */ body { font-family: 'Inter', sans-serif; font-size: clamp(1rem, 1.5vw, 1.125rem); line-height: 1.7; color: var(--text-light); background-color: var(--bg-dark); margin: 0; padding: 0; } /* === Headings (H1–H6) === */ h1, h2, h3, h4, h5, h6 { font-family: 'Playfair Display', serif; color: var(--brand-cream); font-weight: 600; line-height: 1.3; margin-bottom: 0.5em; } h1 { font-size: clamp(2.5rem, 5vw, 4rem); } h2 { font-size: clamp(2rem, 4vw, 3rem); } h3 { font-size: clamp(1.5rem, 3vw, 2.5rem); } h4 { font-size: clamp(1.3rem, 2.5vw, 2rem); } h5 { font-size: clamp(1.1rem, 2vw, 1.5rem); } h6 { font-size: clamp(1rem, 1.5vw, 1.2rem); } /* === Paragraphs and Small Text === */ p { margin-bottom: 1.2em; } small { font-size: 0.9rem; color: #B0B0B0; } /* === Links & CTA === */ a { color: var(--brand-gold); text-decoration: none; transition: color 0.3s ease; } a:hover { color: #D8AB56; /* lighter gold */ } /* === Buttons === */ button, .button, .elementor-button { background-color: var(--brand-gold); color: #121212; font-family: 'Inter', sans-serif; font-size: clamp(0.95rem, 1.3vw, 1.1rem); padding: 0.75em 1.5em; border: none; border-radius: 6px; cursor: pointer; transition: background 0.3s ease; } button:hover, .button:hover, .elementor-button:hover { background-color: #D8AB56; } /* === Card or Section Styling (Optional) === */ .card, .section-dark { background-color: var(--bg-dark-secondary); padding: 2rem; border-radius: 12px; border: 1px solid var(--border-color); } /* === Optional: Add smooth font rendering === */ html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }