:root {
    --ink:         #111111;  /* brand: #1B2A26 */
    --evergreen:   #1a1a1a;  /* brand: #25443B */
    --sand:        #f5f5f5;  /* brand: #F3EEE3 */
    --paper:       #ffffff;
    --brass:       #555555;  /* brand: #B8863B */
    --brass-dark:  #222222;  /* brand: #8F6829 */
}

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

html { scroll-behavior: smooth; }

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
}

body {
    font-family: 'Inter', system-ui, sans-serif;
    font-size: 1rem;
    line-height: 1.6;
    color: var(--ink);
    background-color: var(--sand);
}

.btn-primary {
    display: inline-block;
    background-color: var(--brass);
    color: var(--paper);
    padding: 0.875rem 2rem;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 500;
    text-decoration: none;
    margin-top: 2rem;
    transition: background-color 0.2s;
}

.btn-primary:hover { background-color: var(--brass-dark); }