/* brand.css — SearchEx Training brand tokens
 * Mirrors the LMS brand.css extracted from searchextraining.com (Squarespace "Clarkson").
 * Load this before any page-specific stylesheet. Google Fonts loaded via <link> in layout.
 */

:root {
    --brand-primary:      #a1a1a1;
    --brand-accent:       #272727;
    --brand-text:         #272727;
    --brand-bg:           #ffffff;
    --brand-white:        #ffffff;
    --brand-border:       #cccccc;
    --brand-error:        #b00020;
    --brand-error-bg:     #fdecea;
    --brand-muted:        #666666;
    --brand-surface:      #f8f8f8;
    --brand-nav-text:     #ffffff;
    --brand-success-bg:   #d4edda;
    --brand-success-text: #155724;
    --brand-highlight:    hsl(2, 89%, 65%);

    --font-heading: 'proxima-nova', 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
    --font-body:    'adobe-garamond-pro', 'EB Garamond', Georgia, 'Times New Roman', serif;
}

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

body {
    font-family: var(--font-body);
    color: var(--brand-text);
    background-color: var(--brand-surface);
    line-height: 1.6;
    font-size: 1rem;
}

h1, h2, h3, h4 { font-family: var(--font-heading); }

a { color: var(--brand-accent); }
a:hover { opacity: 0.85; }

.container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 1.25rem;
}