/* ==== SEO GUNSLINGER GLOBAL STYLES ==== */
:root {
    --color-primary-base: #1A2E3B;   /* Deep Navy */
    --color-primary-accent: #DAA520; /* Burnished Gold */
    --color-secondary-accent: #B8860B;/* Warm Copper */
    --color-neutral-background: #F5F5F5; /* Off-White */
    --color-text-light: #FAFAFA;     /* Light Off-White */
    --color-text-dark: #2C3E50;     /* Charcoal Black */
    --color-text-muted: #B0C4DE;    /* Lighter gray-blue */
    --color-highlight: #FFFFFF;     /* Pure White for emphasis */

    --font-heading: 'Playfair Display', serif; /* Or 'Roboto Slab' */
    --font-body: 'Open Sans', sans-serif;     /* Or 'Lato' */
}
body {
    font-family: var(--font-body); color: var(--color-text-dark); line-height: 1.7; margin: 0; padding: 0; box-sizing: border-box;
}
body * { box-sizing: border-box; }
h1, h2, h3, h4, h5, h6 { font-family: var(--font-heading); font-weight: 700; color: var(--color-primary-accent); margin-top: 1.5em; margin-bottom: 0.8em; line-height: 1.2; }
h1 { font-size: 3.5em; } h2 { font-size: 2.8em; } h3 { font-size: 2.2em; } h4 { font-size: 1.8em; } h5 { font-size: 1.5em; }
p { margin-bottom: 1.2em; color: var(--color-text-dark); }
a { color: var(--color-primary-accent); text-decoration: none; transition: color 0.3s ease; }
a:hover { color: var(--color-secondary-accent); text-decoration: underline; }
.btn { display: inline-block; padding: 12px 25px; margin: 10px 5px; border-radius: 5px; font-weight: 600; transition: all 0.3s ease; border: none; cursor: pointer; font-size: 0.95em; text-decoration: none; text-align: center; }
.btn-primary { background-color: var(--color-primary-accent); color: var(--color-text-dark); } .btn-primary:hover { background-color: var(--color-secondary-accent); color: #FFFFFF; }
.btn-outline { background-color: transparent; color: var(--color-primary-accent); border: 2px solid var(--color-primary-accent); } .btn-outline:hover { background-color: var(--color-primary-accent); color: var(--color-text-dark); }
section { padding: 60px 0; }
section.dark { background-color: var(--color-primary-base); color: var(--color-text-light); }
section.dark h1, section.dark h2, section.dark h3, section.dark h4 { color: var(--color-primary-accent); }
section.dark p { color: var(--color-text-muted); }
section.section.dark a { color: var(--color-primary-accent); } section.dark a:hover { color: var(--color-secondary-accent); }
section.light { background-color: var(--color-neutral-background); }
.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.text-center { text-align: center; } .mb-30 { margin-bottom: 30px; } .mb-20 { margin-bottom: 20px; }
html { scroll-behavior: smooth; }