/* ════════════════════════════════════════════════════════════
   True Purple — bold purple gradient navbar, gold accents,
   soft lilac page background.
   ════════════════════════════════════════════════════════════ */
:root {
    /* Primary palette */
    --swlw-primary:            #800080;
    --swlw-primary-dark:       #4B0F5C;
    --swlw-primary-light:      #a020a0;
    --swlw-accent:             #D6A84F;
    --swlw-accent-hover:       #c79535;

    /* Surfaces */
    --swlw-background:         #FAF5FB;
    --swlw-section-background: #f0e6f8;
    --swlw-surface:            #f0e6f8;

    /* Typography */
    --swlw-text:               #2b1040;
    --swlw-heading:            #4B0F5C;
    --swlw-muted:              #7060a0;
    --swlw-border:             #dcccea;

    /* Navbar — deep purple gradient */
    --swlw-navbar-bg:          linear-gradient(90deg, #4B0F5C 0%, #800080 100%);
    --swlw-navbar-text:        #ffffff;
    --swlw-navbar-hover:       #D6A84F;
    --swlw-navbar-border:      rgba(255, 255, 255, .15);

    /* Footer */
    --swlw-footer-bg:          #2b1040;
    --swlw-footer-text:        #c4aee0;
    --swlw-footer-bright:      #D6A84F;

    /* Buttons */
    --swlw-button-bg:          #800080;
    --swlw-button-hover:       #4B0F5C;
    --swlw-button-text:        #ffffff;

    /* Hero */
    --swlw-hero-bg:            linear-gradient(135deg, #FAF5FB 0%, #ecddf5 100%);

    /* Shadows */
    --swlw-card-shadow:        0 .5rem 1.5rem rgba(75, 15, 92, .12);
}