/* Shared tonal lift: keep the navy-gold identity, but let the site breathe. */
:root {
    --relaxed-bg: #344f69;
    --relaxed-surface: rgba(53, 77, 101, 0.86);
    --relaxed-surface-soft: rgba(72, 98, 122, 0.76);
    --relaxed-text: #f6f3ed;
    --relaxed-muted: #d3dce5;
    --relaxed-primary: #d7b66e;
    --relaxed-primary-dark: #af8b49;
    --relaxed-accent: #bed1de;
    --relaxed-border: rgba(255, 247, 229, 0.22);
    --relaxed-shadow: 0 16px 40px rgba(19, 39, 59, 0.18);
}

body.site-app:not(.home-premium-page) {
    background:
        radial-gradient(900px 540px at 8% -8%, rgba(210, 225, 235, 0.3), transparent 68%),
        radial-gradient(760px 480px at 100% 14%, rgba(220, 191, 133, 0.2), transparent 70%),
        linear-gradient(145deg, rgba(81, 111, 137, 0.88), rgba(48, 78, 105, 0.9)),
        url("/images/site-textures/quiet-luxury-site-backdrop-v1.png") center / cover fixed;
}

body.site-app .relaxed-navbar {
    background: rgba(31, 55, 80, 0.88);
    border-bottom-color: rgba(255, 247, 229, 0.18);
    box-shadow: 0 8px 24px rgba(24, 44, 64, 0.14);
}

body.site-app .rule-card,
body.site-app .video-category-wrapper,
body.site-app .quote-card,
body.site-app .card,
body.site-app .home-filter-bar {
    border-color: rgba(255, 247, 229, 0.2);
    background: linear-gradient(145deg, rgba(75, 101, 126, 0.9), rgba(43, 70, 96, 0.88));
    box-shadow: 0 15px 36px rgba(25, 46, 67, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.09);
}

body.site-app .btn-relaxed-ghost,
body.site-app .btn-relaxed-line,
body.site-app .quote-sign {
    background: rgba(70, 96, 121, 0.76);
}

body.site-app .form-control,
body.site-app .form-select,
body.site-app textarea,
body.site-app select {
    background-color: rgba(39, 65, 91, 0.78);
}

body.site-app .site-footer {
    background: rgba(31, 54, 78, 0.68);
}