:root { --royal-gold: #c9a45d; --royal-gold-light: #f0d18c; --royal-gold-dark: #7d5a24; }
.hero-shade { background: linear-gradient(90deg, rgba(4,4,4,.78), rgba(4,4,4,.12) 72%), linear-gradient(0deg, rgba(122,81,19,.25), transparent 45%); }
.hero .eyebrow:before, .intro .eyebrow:before, .section-top .eyebrow:before { content: '◆'; color: var(--royal-gold); margin-right: 8px; font-size: 8px; }
.button-light { background: linear-gradient(135deg, #fff8e7, var(--royal-gold-light)); color: #1a140a; }
.button-dark { background: linear-gradient(135deg, #20170b, #090909); border: 1px solid var(--royal-gold-dark); }
.button-outline { border-color: var(--royal-gold); color: #f8dfaa; }
.button-outline:hover { background: var(--royal-gold); color: #111; }
.stats strong, .text-link span { color: var(--royal-gold-dark); }
.filter.active, .filter:hover { background: #18120a; border-color: var(--royal-gold); color: var(--royal-gold-light); }
.badge { background: linear-gradient(135deg, #fff7e7, #d7ae60); color: #211604; }
.contact { background: radial-gradient(circle at 82% 20%, #dfc27e 0, #af8a4d 28%, #69502d 100%); }
footer { border-top: 1px solid var(--royal-gold-dark); }
body:has(main > header img) { background: radial-gradient(circle at 85% 0, #ead39d 0, #f4f2ed 36%, #e8e4dc 100%); }
.warning { background: linear-gradient(105deg, #0c0c0c, #2a1d0a); border-left: 3px solid var(--royal-gold); }
form > button { background: linear-gradient(120deg, #1d1408, #0b0b0b); border: 1px solid var(--royal-gold-dark); }
form > button:hover { background: linear-gradient(120deg, #c9a45d, #9a7133); color: #171008; }
input:focus, select:focus { outline: 2px solid var(--royal-gold); border-color: var(--royal-gold); }