/* elite_seo skin A — "Elite" (maintenance). Default skin.
 *
 * Defines the full --seo-* token contract (see seo_basic.css) under
 * [data-skin="elite"], plus a few typographic/spacing overrides and the
 * DB-body element styling. Loaded AFTER seo_basic.css so these win.
 * Colour + type + spacing ONLY — no structural/layout rules here.
 */

[data-skin="elite"] {
    /* Palette — cool, corporate, maintenance-blue */
    --seo-bg:            #f7f9fb;
    --seo-text:          #1f2933;
    --seo-text-muted:    #6b7280;
    --seo-heading:       #0f2942;
    --seo-accent:        #0b6ba8;
    --seo-link:          #0b6ba8;
    --seo-divider:       #e3e8ee;
    --seo-hover-bg:      #eef3f8;

    /* Surfaces */
    --seo-section-bg:    #ffffff;
    --seo-section-border: 1px solid #e3e8ee;
    --seo-card-bg:       #ffffff;
    --seo-card-bg-alt:   #f4f7fa;
    --seo-card-border:   #dce3ea;
    --seo-input-border:  #b8c2cc;

    /* Chrome (top strip, scroll button) */
    --seo-strip-bg:      #0e1726;
    --seo-strip-bg-hover:#1f2937;
    --seo-strip-text:    #e5e7eb;
    --seo-strip-sep:     #6b7280;

    /* Accents */
    --seo-chip-bg:       #e7f0f7;
    --seo-chip-text:     #0f2942;
    --seo-star:          #f5b400;
    --seo-btn-bg:        #0b6ba8;
    --seo-btn-text:      #ffffff;

    /* Hero — text + overlay over the cover image; bg = no-image fallback */
    --seo-hero-text:     #ffffff;
    --seo-hero-overlay:  rgba(15, 41, 66, 0.55);
    --seo-hero-bg:       #0f2942;

    /* Footer — full-width dark band */
    --seo-footer-bg:     #0d2138;
    --seo-footer-text:   #e8edf3;
    --seo-footer-muted:  #93a7bd;
    --seo-footer-link:   #8fc7ee;
    --seo-footer-border: rgba(255, 255, 255, 0.12);

    /* Type */
    --seo-font-body:     "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --seo-font-heading:  "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

    /* Shape / rhythm */
    --seo-radius:        12px;
    --seo-gap:           16px;
    --seo-section-pad:   26px;
    --seo-section-margin:20px;
    --seo-maxw:          1180px;
}

[data-skin="elite"] h1 { letter-spacing: -0.01em; }

/* DB-authored body — element-level skin styling (requirement §4) */
[data-skin="elite"] .seo-body h2 {
    color: var(--seo-heading);
    border-left: 3px solid var(--seo-accent);
    padding-left: 10px;
}
[data-skin="elite"] .seo-body h3 { color: var(--seo-heading); }
[data-skin="elite"] .seo-body p  { color: var(--seo-text); }
[data-skin="elite"] .seo-body a  { color: var(--seo-link); }
[data-skin="elite"] .seo-body strong { color: var(--seo-heading); }
[data-skin="elite"] .seo-body ul li::marker { color: var(--seo-accent); }