/* elite_seo skin B — "Restoration" (eliterestoration.au).
 *
 * Defines the full --seo-* token contract (see seo_basic.css) under
 * [data-skin="restoration"], 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="restoration"] {
    /* Palette — warm, urgent, restoration-red */
    --seo-bg:            #fbf7f6;
    --seo-text:          #241c1b;
    --seo-text-muted:    #7a6f6d;
    --seo-heading:       #4a1410;
    --seo-accent:        #c0392b;
    --seo-link:          #b3261e;
    --seo-divider:       #ecdedc;
    --seo-hover-bg:      #f6eceb;

    /* Surfaces */
    --seo-section-bg:    #ffffff;
    --seo-section-border: 1px solid #ecdedc;
    --seo-card-bg:       #ffffff;
    --seo-card-bg-alt:   #fbf3f2;
    --seo-card-border:   #e7d4d2;
    --seo-input-border:  #cbb6b3;

    /* Chrome (top strip, scroll button) */
    --seo-strip-bg:      #2a1110;
    --seo-strip-bg-hover:#3a1a18;
    --seo-strip-text:    #f3e6e4;
    --seo-strip-sep:     #8a6b68;

    /* Accents */
    --seo-chip-bg:       #f7e3e1;
    --seo-chip-text:     #5a1a14;
    --seo-star:          #f5b400;
    --seo-btn-bg:        #c0392b;
    --seo-btn-text:      #ffffff;

    /* Hero — text + overlay over the cover image; bg = no-image fallback */
    --seo-hero-text:     #ffffff;
    --seo-hero-overlay:  rgba(74, 20, 16, 0.55);
    --seo-hero-bg:       #4a1410;

    /* Footer — full-width dark band */
    --seo-footer-bg:     #241010;
    --seo-footer-text:   #f3e6e4;
    --seo-footer-muted:  #c2a39e;
    --seo-footer-link:   #ec9b91;
    --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 — tighter radius reads more urgent */
    --seo-radius:        8px;
    --seo-gap:           16px;
    --seo-section-pad:   26px;
    --seo-section-margin:20px;
    --seo-maxw:          1180px;
}

[data-skin="restoration"] h1 {
    letter-spacing: -0.01em;
    text-transform: uppercase;
    font-size: 1.9rem;
}

/* DB-authored body — element-level skin styling (requirement §4) */
[data-skin="restoration"] .seo-body h2 {
    color: var(--seo-heading);
    text-transform: uppercase;
    letter-spacing: 0.02em;
    border-bottom: 2px solid var(--seo-accent);
    padding-bottom: 4px;
}
[data-skin="restoration"] .seo-body h3 { color: var(--seo-accent); }
[data-skin="restoration"] .seo-body p  { color: var(--seo-text); }
[data-skin="restoration"] .seo-body a  { color: var(--seo-link); font-weight: 600; }
[data-skin="restoration"] .seo-body strong { color: var(--seo-accent); }
[data-skin="restoration"] .seo-body ul li::marker { color: var(--seo-accent); }