/**
 * DropX Prime System — Light Theme
 * Independent WARM BEIGE / SAND / ESPRESSO / GOLD system.
 * No !important. No dependency on the dark palette.
 */


html[data-dx-theme="light"], body.light-mode, body.theme-light {
    color-scheme: light;

    /* Core palette */
    --theme-bg: #b9a78f;
    --theme-bg-deep: #aa967c;
    --theme-bg-soft: #c9b9a3;
    --theme-surface: #e4d7c5;
    --theme-surface-2: #d7c6b0;
    --theme-surface-3: #c7b49c;
    --theme-surface-dark: #3a3027;
    --theme-surface-dark-2: #2d251f;

    --theme-text: #302820;
    --theme-text-strong: #241d17;
    --theme-text-muted: #6b5b4b;
    --theme-text-soft: #81705e;

    --theme-silver: #75695d;
    --theme-gold: #95661c;
    --theme-gold-hi: #bd8831;
    --theme-gold-soft: rgba(149,102,28,.12);
    --theme-gold-glow: rgba(149,102,28,.20);

    --theme-line: rgba(83,66,48,.22);
    --theme-line-soft: rgba(83,66,48,.12);
    --theme-line-strong: rgba(149,102,28,.38);

    --theme-header: #e9dece;
    --theme-header-2: #d8c8b3;
    --theme-submenu: #d7c5ae;
    --theme-panel: #e6d9c7;
    --theme-panel-2: #dccbb6;
    --theme-card: #eadfce;
    --theme-card-2: #dfcfb9;
    --theme-input: #d9c9b4;
    --theme-input-focus: #e5d7c3;

    --theme-shadow: 0 18px 42px rgba(67,52,38,.16);
    --theme-shadow-deep: 0 26px 60px rgba(67,52,38,.22);

    /* Legacy variables are redirected into the same warm palette. */
    --color-bg-deep: var(--theme-bg-deep);
    --color-glass-main: rgba(230,217,199,.94);
    --color-glass-card: rgba(223,207,185,.94);
    --color-gold: var(--theme-gold);
    --color-gold-glow: var(--theme-gold-glow);
    --color-silver: var(--theme-silver);
    --text-light: var(--theme-text);
    --text-muted: var(--theme-text-muted);
    --color-border-gold: var(--theme-line-strong);
    --color-border-subtle: var(--theme-line);
    --bg-gradient: linear-gradient(145deg, #aa967c 0%, #c2b09a 45%, #b19d84 100%);
    --grid-color: rgba(77,61,45,.12);

    /* Premium token bridge */
    --dx-black: #b9a78f;
    --dx-black-2: #c9b9a3;
    --dx-graphite: #e4d7c5;
    --dx-graphite-2: #d7c6b0;
    --dx-surface: #eadfce;
    --dx-surface-soft: #d7c6b0;
    --dx-silver: #75695d;
    --dx-silver-hi: #302820;
    --dx-silver-dim: #81705e;
    --dx-gold: #95661c;
    --dx-gold-hi: #bd8831;
    --dx-gold-soft: rgba(149,102,28,.12);
    --dx-gold-glow: rgba(149,102,28,.20);
    --dx-line: rgba(83,66,48,.22);
    --dx-line-soft: rgba(83,66,48,.12);
    --dx-line-focus: rgba(149,102,28,.38);
    --dx-bg: linear-gradient(145deg, #aa967c 0%, #c2b09a 45%, #b19d84 100%);

    background: var(--theme-bg);
    color: var(--theme-text);
}

/* --------------------------------------------------------------------------
   HEADER / SUBMENU — warm stone, not white
   -------------------------------------------------------------------------- */
body.light-mode .sticky-header-wrapper {
    isolation: isolate;
    background: rgba(216,200,179,.98);
    border-color: rgba(83,66,48,.20);
    box-shadow: 0 14px 34px rgba(67,52,38,.18);
}

body.light-mode .desktop-header {
    background: linear-gradient(180deg, #eee4d5 0%, #dfd0bd 100%);
    border-color: rgba(149,102,28,.30);
    box-shadow: inset 0 -1px 0 rgba(255,248,236,.55);
}

body.light-mode .landing-submenu {
    background: linear-gradient(180deg, #d9c8b2 0%, #cdb99f 100%);
    border-color: rgba(83,66,48,.20);
    box-shadow: 0 10px 25px rgba(67,52,38,.16), inset 0 -1px 0 rgba(149,102,28,.20);
}

body.light-mode .app-container {
    background: linear-gradient(180deg, rgba(224,211,195,.90), rgba(194,174,151,.82));
    border-color: rgba(83,66,48,.20);
    box-shadow: 0 30px 70px rgba(67,52,38,.18), inset 0 1px 0 rgba(255,248,236,.50);
}

/* --------------------------------------------------------------------------
   TYPOGRAPHY / NAV
   -------------------------------------------------------------------------- */
body.light-mode h1,
body.light-mode h2,
body.light-mode h3,
body.light-mode h4,
body.light-mode strong,
body.light-mode b,
body.light-mode .logo-main,
body.light-mode .desktop-nav a.active,
body.light-mode .landing-submenu a.active {
    color: var(--theme-text-strong);
}

body.light-mode p,
body.light-mode label,
body.light-mode small,
body.light-mode li,
body.light-mode td,
body.light-mode th,
body.light-mode .text-muted,
body.light-mode .placeholder-text {
    color: var(--theme-text-muted);
}

body.light-mode a { color: var(--theme-gold); }

body.light-mode .desktop-nav a,
body.light-mode .landing-submenu a {
    color: #66584a;
    font-weight: 400;
}

body.light-mode .desktop-nav a:hover,
body.light-mode .desktop-nav a.active {
    color: var(--theme-text-strong);
    background: linear-gradient(180deg, rgba(149,102,28,.15), rgba(149,102,28,.045));
    border-color: rgba(149,102,28,.30);
    box-shadow: 0 8px 22px rgba(67,52,38,.10), inset 0 1px 0 rgba(255,248,236,.50);
}

body.light-mode .desktop-nav a.active::after {
    background: linear-gradient(90deg, transparent, var(--theme-gold-hi), transparent);
    box-shadow: 0 0 13px rgba(149,102,28,.34);
}

body.light-mode .desktop-nav a i,
body.light-mode .desktop-nav a svg,
body.light-mode .landing-submenu svg,
body.light-mode .header-right-zone svg {
    color: #65584b;
    filter: none;
    stroke-width: 1.25;
}

body.light-mode .desktop-nav a.active i,
body.light-mode .desktop-nav a.active svg,
body.light-mode .landing-submenu a.active svg {
    color: var(--theme-gold);
}

body.light-mode .landing-submenu a:hover,
body.light-mode .landing-submenu a.active {
    color: var(--theme-text-strong);
    background: linear-gradient(180deg, rgba(246,235,219,.34), rgba(149,102,28,.08));
    border-color: rgba(149,102,28,.28);
    box-shadow: 0 0 15px rgba(149,102,28,.10), inset 0 1px 0 rgba(255,248,236,.42);
}

/* --------------------------------------------------------------------------
   SEARCH / INPUTS — warm brown-beige instead of white/gray
   -------------------------------------------------------------------------- */
body.light-mode .header-integrated-search .search-input-container input,
body.light-mode .mobile-search-wrapper .search-input-container input,
body.light-mode input:not([type="checkbox"]):not([type="radio"]),
body.light-mode textarea,
body.light-mode select {
    background: linear-gradient(180deg, #dfcfb9 0%, #d1bea5 100%);
    color: var(--theme-text-strong);
    border-color: rgba(83,66,48,.24);
    box-shadow: inset 0 1px 5px rgba(67,52,38,.07), 0 1px 0 rgba(255,248,236,.35);
}

body.light-mode input::placeholder,
body.light-mode textarea::placeholder { color: #8a7865; }

body.light-mode input:focus,
body.light-mode textarea:focus,
body.light-mode select:focus {
    background: var(--theme-input-focus);
    color: var(--theme-text-strong);
    border-color: rgba(149,102,28,.52);
    box-shadow: 0 0 0 3px rgba(149,102,28,.10), inset 0 1px 3px rgba(67,52,38,.06);
}

/* --------------------------------------------------------------------------
   GLOBAL SURFACES — repaint legacy dark/gray cards
   -------------------------------------------------------------------------- */
body.light-mode .card,
body.light-mode .profile-section-card,
body.light-mode .post-card,
body.light-mode .post-publisher-card,
body.light-mode .home-sidebar-groups-box,
body.light-mode .official-blog-sidebar-box,
body.light-mode .profile-interaction-card,
body.light-mode .profile-sidebar-display,
body.light-mode .table-responsive,
body.light-mode .feed-sidebar-left > *,
body.light-mode .feed-sidebar-right > *,
body.light-mode .groups-sidebar-item,
body.light-mode .post-comments-section,
body.light-mode .post-actions-footer,
body.light-mode .post-reactions-bar,
body.light-mode .info-sidebar-widget-box,
body.light-mode .promo-deck-section {
    background: linear-gradient(145deg, var(--theme-surface) 0%, var(--theme-surface-2) 100%);
    border-color: var(--theme-line);
    color: var(--theme-text);
    box-shadow: var(--theme-shadow), inset 0 1px 0 rgba(255,248,236,.40);
}

body.light-mode .card:hover,
body.light-mode .profile-section-card:hover,
body.light-mode .post-card:hover {
    box-shadow: 0 22px 50px rgba(67,52,38,.20), 0 0 0 1px rgba(149,102,28,.20);
}

/* --------------------------------------------------------------------------
   HOME — explicit repaint of the old #11141c / #1a1d26 surfaces
   -------------------------------------------------------------------------- */
body.light-mode .blog-news-top-card,
body.light-mode .groups-sidebar-item,
body.light-mode .promo-card-face,
body.light-mode .promo-card-back,
body.light-mode .birthday-item-row,
body.light-mode .friend-top20-item-row {
    background: linear-gradient(145deg, #e7d9c6 0%, #d6c4ad 100%);
    color: var(--theme-text);
    border-color: var(--theme-line);
}

body.light-mode .blog-news-top-cover,
body.light-mode .groups-sidebar-item-avatar,
body.light-mode .promo-card-logo,
body.light-mode .quick-card-cover-wrapper,
body.light-mode .quick-card-cover-img {
    background: #c8b59d;
}

body.light-mode .official-blog-title,
body.light-mode .groups-widget-title,
body.light-mode .blog-news-top-title,
body.light-mode .groups-sidebar-item-name,
body.light-mode .promo-card-name,
body.light-mode .info-widget-title,
body.light-mode .birthday-name-btn,
body.light-mode .friend-top20-name-btn {
    color: var(--theme-text-strong);
}

body.light-mode .blog-news-meta-row .blog-news-item-date,
body.light-mode .blog-news-top-excerpt,
body.light-mode .groups-sidebar-item-meta,
body.light-mode .groups-sidebar-item-arrow,
body.light-mode .promo-card-desc,
body.light-mode .info-widget-date,
body.light-mode .friend-top20-activity {
    color: var(--theme-text-muted);
}

body.light-mode .birthday-widget-box {
    background: linear-gradient(145deg, #d9c4a3 0%, #c7ad88 100%);
    border-color: rgba(149,102,28,.38);
    color: var(--theme-text);
}

body.light-mode .nameday-text { color: var(--theme-text-strong); }

body.light-mode .group-post-source-tag,
body.light-mode .post-comments-section,
body.light-mode .post-actions-footer,
body.light-mode .post-reactions-bar {
    background: linear-gradient(180deg, #dfcfb9 0%, #cdb99f 100%);
}

body.light-mode .publisher-formatting-toolbar,
body.light-mode .post-editor-textarea {
    background: linear-gradient(180deg, #d7c6b0 0%, #c9b59d 100%);
    color: var(--theme-text);
    border-color: var(--theme-line);
}

/* --------------------------------------------------------------------------
   PROFILE / SETTINGS / ADMIN / BLOG / GROUPS
   -------------------------------------------------------------------------- */
body.light-mode .profile-tabs-nav,
body.light-mode .profile-tab-content,
body.light-mode .settings-sidebar,
body.light-mode .settings-content,
body.light-mode .settings-panel,
body.light-mode .settings-section,
body.light-mode .admin-card,
body.light-mode .knowledge-card,
body.light-mode .blog-card,
body.light-mode .group-card,
body.light-mode .group-post-card,
body.light-mode .groups-sidebar,
body.light-mode .groups-main-content {
    background: linear-gradient(145deg, #e5d7c4 0%, #d4c1aa 100%);
    border-color: var(--theme-line);
    color: var(--theme-text);
    box-shadow: var(--theme-shadow), inset 0 1px 0 rgba(255,248,236,.38);
}

body.light-mode .settings-sidebar a,
body.light-mode .profile-tabs-nav a,
body.light-mode .group-card a,
body.light-mode .groups-sidebar a {
    color: #66584a;
}

body.light-mode .settings-sidebar a.active,
body.light-mode .profile-tabs-nav a.active {
    color: var(--theme-text-strong);
    background: linear-gradient(135deg, rgba(149,102,28,.16), rgba(216,198,174,.70));
    border-color: rgba(149,102,28,.32);
}

/* --------------------------------------------------------------------------
   BUTTONS
   -------------------------------------------------------------------------- */
body.light-mode .btn,
body.light-mode .btn-icon,
body.light-mode .nav-auth-trigger {
    background: linear-gradient(135deg, rgba(149,102,28,.13), #e2d2bc);
    border-color: rgba(149,102,28,.42);
    color: var(--theme-gold);
    box-shadow: 0 7px 18px rgba(67,52,38,.10), inset 0 1px 0 rgba(255,248,236,.48);
}

body.light-mode .btn:hover,
body.light-mode .btn-icon:hover,
body.light-mode .nav-auth-trigger:hover {
    background: linear-gradient(135deg, rgba(149,102,28,.22), #eadcc9);
    color: #674617;
    border-color: rgba(149,102,28,.58);
    box-shadow: 0 10px 25px rgba(67,52,38,.14), 0 0 18px rgba(149,102,28,.14);
}

/* --------------------------------------------------------------------------
   DROPDOWNS — intentionally deep espresso for contrast
   -------------------------------------------------------------------------- */
body.light-mode .profile-dropdown,
body.light-mode .notifications-dropdown,
body.light-mode .dropdown-menu,
body.light-mode .user-dropdown {
    background: linear-gradient(180deg, #3a3027 0%, #29221c 100%);
    color: #eadfce;
    border-color: rgba(149,102,28,.48);
    box-shadow: 0 24px 55px rgba(48,38,29,.30), 0 0 0 1px rgba(255,248,236,.04);
}

body.light-mode .profile-dropdown a,
body.light-mode .notifications-dropdown a,
body.light-mode .dropdown-menu a,
body.light-mode .user-dropdown a { color: #ddcfbc; }

body.light-mode .profile-dropdown a:hover,
body.light-mode .notifications-dropdown a:hover,
body.light-mode .dropdown-menu a:hover,
body.light-mode .user-dropdown a:hover {
    background: rgba(149,102,28,.16);
    color: #e6b85e;
}

/* --------------------------------------------------------------------------
   FOOTER / SCROLLBAR / MOBILE
   -------------------------------------------------------------------------- */
body.light-mode footer,
body.light-mode .site-footer,
body.light-mode .footer-grid {
    background: linear-gradient(180deg, #cdbba4 0%, #b9a58d 100%);
    color: #625342;
    border-color: var(--theme-line);
}

body.light-mode ::-webkit-scrollbar-track {
    background: #b8a58d;
}

body.light-mode ::-webkit-scrollbar-thumb {
    background: #8f724d;
    box-shadow: inset 0 0 4px rgba(67,52,38,.28);
}

@media (max-width: 768px) {
    body.light-mode .mobile-header-actions-bar,
    body.light-mode .mobile-bottom-nav {
        background: linear-gradient(180deg, #d8c7b1, #c8b49b);
        border-color: rgba(149,102,28,.28);
        box-shadow: 0 -10px 25px rgba(67,52,38,.14);
    }
}

/* ==========================================================================\n   LIGHT THEME V9 — DEEP WARM LAYER\n   ========================================================================== */

body.light-mode {
    --theme-bg: #aa977f;
    --theme-bg-deep: #9b866e;
    --theme-bg-soft: #c0ae97;
    --theme-surface: #e1d2be;
    --theme-surface-2: #d2bea4;
    --theme-surface-3: #c1a98d;
    --theme-header: #e2d3bf;
    --theme-header-2: #cdb89e;
    --theme-submenu: #c8b297;
    --theme-panel: #ddcdb8;
    --theme-panel-2: #ccb69b;
    --theme-card: #e3d4c0;
    --theme-card-2: #d2bea4;
    --theme-input: #d3c0a8;
    --theme-input-focus: #e0cfb9;

    --theme-text: #3b3026;
    --theme-text-strong: #241c15;
    --theme-text-muted: #655546;
    --theme-text-soft: #786754;
    --theme-silver: #675b50;
    --theme-gold: #8e5f18;
    --theme-gold-hi: #bd8530;
    --theme-line: rgba(73,55,39,.28);
    --theme-line-soft: rgba(73,55,39,.16);
    --theme-line-strong: rgba(142,95,24,.48);
    --theme-shadow: 0 18px 42px rgba(55,40,27,.19), 0 4px 14px rgba(55,40,27,.09);
    --theme-shadow-deep: 0 28px 65px rgba(55,40,27,.27), 0 8px 22px rgba(55,40,27,.11);

    --dx-black: #aa977f;
    --dx-black-2: #c0ae97;
    --dx-graphite: #e1d2be;
    --dx-graphite-2: #d2bea4;
    --dx-surface: #e3d4c0;
    --dx-surface-soft: #d2bea4;
    --dx-silver: #675b50;
    --dx-silver-hi: #241c15;
    --dx-silver-dim: #786754;
    --dx-gold: #8e5f18;
    --dx-gold-hi: #bd8530;
    --dx-gold-soft: rgba(142,95,24,.14);
    --dx-gold-glow: rgba(142,95,24,.22);
    --dx-line: rgba(73,55,39,.28);
    --dx-line-soft: rgba(73,55,39,.16);
    --dx-line-focus: rgba(142,95,24,.48);
    --dx-bg: linear-gradient(145deg, #9b866e 0%, #b09c83 48%, #a28d75 100%);

    background: var(--theme-bg);
    color: var(--theme-text);
}

/* Deeper canvas + visible animated background */
body.light-mode, body.theme-light,
body.light-mode .app-shell, body.theme-light .app-shell,
body.light-mode .page-wrapper, body.theme-light .page-wrapper {
    background:
        radial-gradient(circle at 50% -10%, rgba(245,230,207,.22), transparent 42%),
        linear-gradient(145deg, #9b866e 0%, #b09c83 48%, #a08a72 100%);
}





/* Typography: soft depth instead of stark white */
body.light-mode h1,
body.light-mode h2,
body.light-mode h3,
body.light-mode h4,
body.light-mode h5,
body.light-mode h6,
body.light-mode strong,
body.light-mode b,
body.light-mode .logo-main,
body.light-mode .official-blog-title,
body.light-mode .groups-widget-title,
body.light-mode .info-widget-title,
body.light-mode .blog-news-top-title,
body.light-mode .groups-sidebar-item-name,
body.light-mode .promo-card-name,
body.light-mode .birthday-name-btn,
body.light-mode .friend-top20-name-btn {
    color: var(--theme-text-strong);
    text-shadow: 0 1px 1px rgba(255,244,226,.55), 0 2px 5px rgba(62,45,30,.16);
}

body.light-mode p,
body.light-mode label,
body.light-mode small,
body.light-mode li,
body.light-mode td,
body.light-mode th,
body.light-mode .text-muted,
body.light-mode .placeholder-text,
body.light-mode .blog-news-top-excerpt,
body.light-mode .promo-card-desc,
body.light-mode .groups-sidebar-item-meta,
body.light-mode .friend-top20-activity,
body.light-mode .info-widget-date {
    color: var(--theme-text-muted);
    text-shadow: 0 1px 2px rgba(255,244,226,.38);
}

body.light-mode .desktop-nav a,
body.light-mode .landing-submenu a,
body.light-mode .header-right-zone,
body.light-mode .header-right-zone button {
    text-shadow: 0 1px 2px rgba(255,244,226,.42), 0 1px 4px rgba(62,45,30,.12);
}

/* Header gets real depth rather than a flat pale strip */
body.light-mode .sticky-header-wrapper {
    background: linear-gradient(180deg, rgba(213,195,171,.98), rgba(183,159,130,.98));
    box-shadow: 0 16px 36px rgba(54,39,25,.22), 0 2px 8px rgba(54,39,25,.10);
}

body.light-mode .desktop-header {
    background: linear-gradient(180deg, #eadcc8 0%, #d8c3a8 100%);
    box-shadow: inset 0 -1px 0 rgba(255,244,226,.62), 0 8px 20px rgba(54,39,25,.10);
}

body.light-mode .landing-submenu {
    background: linear-gradient(180deg, #cdb79c 0%, #bca486 100%);
    box-shadow: 0 12px 28px rgba(54,39,25,.22), inset 0 -1px 0 rgba(142,95,24,.30);
}

/* Main surfaces: layered beige, soft depth, restrained glow */
body.light-mode .card,
body.light-mode .profile-section-card,
body.light-mode .post-card,
body.light-mode .post-publisher-card,
body.light-mode .home-sidebar-groups-box,
body.light-mode .official-blog-sidebar-box,
body.light-mode .profile-interaction-card,
body.light-mode .profile-sidebar-display,
body.light-mode .table-responsive,
body.light-mode .feed-sidebar-left > *,
body.light-mode .feed-sidebar-right > *,
body.light-mode .info-sidebar-widget-box,
body.light-mode .promo-deck-section,
body.light-mode .settings-sidebar,
body.light-mode .settings-content,
body.light-mode .settings-panel,
body.light-mode .settings-section {
    background: linear-gradient(145deg, #e2d3bf 0%, #d3bea4 58%, #c4ad91 100%);
    border-color: rgba(73,55,39,.28);
    color: var(--theme-text);
    box-shadow: 0 18px 42px rgba(55,40,27,.19), 0 4px 14px rgba(55,40,27,.09), inset 0 1px 0 rgba(255,244,226,.44);
}

body.light-mode .card:hover,
body.light-mode .post-card:hover,
body.light-mode .profile-section-card:hover {
    box-shadow: 0 24px 54px rgba(55,40,27,.23), 0 0 0 1px rgba(142,95,24,.22), inset 0 1px 0 rgba(255,244,226,.48);
}

/* Explicitly repaint the home headers that were hard-coded white in home.css */
body.light-mode .official-blog-title,
body.light-mode .groups-widget-title,
body.light-mode .info-widget-title,
body.light-mode .blog-news-top-title,
body.light-mode .groups-sidebar-item-name,
body.light-mode .promo-card-name,
body.light-mode .birthday-name-btn,
body.light-mode .friend-top20-name-btn,
body.light-mode .nameday-text {
    color: var(--theme-text-strong);
}

body.light-mode .official-blog-header,
body.light-mode .groups-sidebar-widget-header,
body.light-mode .info-widget-header {
    border-bottom-color: rgba(73,55,39,.20);
}

/* Publisher: no white editor, no cold gray toolbar */
body.light-mode .publisher-formatting-toolbar {
    background: linear-gradient(180deg, #c7b096 0%, #b79d7e 100%);
    color: var(--theme-text-strong);
    box-shadow: inset 0 1px 0 rgba(255,244,226,.30), 0 5px 14px rgba(55,40,27,.10);
}

body.light-mode .post-editor-textarea {
    background: linear-gradient(180deg, #e1d1bd 0%, #d0b99d 100%);
    color: var(--theme-text-strong);
    text-shadow: 0 1px 1px rgba(255,244,226,.35);
    box-shadow: inset 0 2px 8px rgba(55,40,27,.09), 0 1px 0 rgba(255,244,226,.35);
}

body.light-mode .post-editor-textarea::placeholder {
    color: #786552;
}

/* Inputs / buttons get the same soft depth */
body.light-mode input:not([type="checkbox"]):not([type="radio"]),
body.light-mode textarea,
body.light-mode select {
    box-shadow: inset 0 2px 7px rgba(55,40,27,.08), 0 2px 5px rgba(55,40,27,.06), inset 0 1px 0 rgba(255,244,226,.35);
}

body.light-mode .btn,
body.light-mode .btn-icon,
body.light-mode .nav-auth-trigger {
    text-shadow: 0 1px 2px rgba(255,244,226,.35);
    box-shadow: 0 9px 22px rgba(55,40,27,.12), 0 2px 6px rgba(55,40,27,.08), inset 0 1px 0 rgba(255,244,226,.42);
}

/* Keep dark dropdowns, but give them a warm edge so they belong to the theme */
body.light-mode .profile-dropdown,
body.light-mode .notifications-dropdown,
body.light-mode .dropdown-menu,
body.light-mode .user-dropdown {
    box-shadow: 0 26px 58px rgba(42,30,20,.36), 0 0 0 1px rgba(189,133,48,.12);
}

/* Gold remains an accent, not the whole UI */
body.light-mode a,
body.light-mode .promo-card-link-text,
body.light-mode .info-widget-title.highlight-gold {
    text-shadow: 0 1px 3px rgba(255,244,226,.45), 0 1px 4px rgba(82,54,20,.14);
}