/* ============================================================================
 * syas-warmth-shared.css  v1
 * Shared tokens & components used by both error.aspx and 404.aspx.
 * Include this instead of redefining :root + buttons inline in each page.
 * ============================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');

:root {
    --sw-navy:      #26377d;
    --sw-navy-lt:   #3a4e9c;
    --sw-navy-glow: rgba(38,55,125,.20);
    --sw-gold:      #D4920A;
    --sw-gold-lt:   #EBA825;
    --sw-gold-glow: rgba(212,146,10,.22);
    --sw-cream:     #fdf8f0;
    --sw-border:    #d9cfc0;
    --sw-border-lt: #ede6da;
    --sw-text:      #2a2520;
    --sw-muted:     #7a7268;
    --sw-serif:     'Libre Baskerville', Georgia, serif;
}

body,
figure.index_video { background: linear-gradient(170deg,#f0f4ff 0%,#fdf8f0 45%,#fdf8f0 100%) !important; }

.sw-btn {
    display: inline-block;
    padding: 10px 26px; border-radius: 25px;
    font-family: var(--sw-serif); font-size: 14px; font-weight: 700;
    letter-spacing: .05em; border: none; cursor: pointer;
    transition: all .2s ease; text-decoration: none;
    white-space: nowrap;
}
.sw-btn-navy {
    background: linear-gradient(135deg,var(--sw-navy),var(--sw-navy-lt));
    color: #fff !important; box-shadow: 0 3px 14px var(--sw-navy-glow);
}
.sw-btn-navy:hover, .sw-btn-navy:focus {
    background: linear-gradient(135deg,var(--sw-gold),var(--sw-gold-lt));
    color: #fff !important; box-shadow: 0 4px 18px var(--sw-gold-glow);
    transform: translateY(-1px); text-decoration: none !important;
}
.sw-btn-ghost {
    background: #fff; color: var(--sw-navy) !important;
    border: 1.5px solid var(--sw-border);
}
.sw-btn-ghost:hover, .sw-btn-ghost:focus {
    border-color: var(--sw-navy); background: #f0f4ff;
    color: var(--sw-navy) !important; transform: translateY(-1px); text-decoration: none !important;
}