/* Red and gold theme. Visual variables only. */
:root[data-theme='red-gold'] {
  --color-red-900: #4f0000;
  --color-red-800: #8e0008;
  --color-red-700: #c40012;
  --color-gold-700: #a96700;
  --color-gold-500: #e8ae32;
  --color-gold-200: #ffe8a8;
  --color-ink: #260d08;
  --color-muted: #714538;
  --color-paper: #fffaf3;
  --color-panel: #fff1de;
  --color-line: #d9aa4f;
  --shadow-soft: 0 14px 36px rgba(93, 0, 4, 0.2);
  --radius-small: 8px;

  --site-header-sticky-height: 205px;
  --theme-html-background: #4d0004;
  --theme-body-background:
    radial-gradient(circle at 10% 12%, rgba(255, 199, 70, 0.2), transparent 28%),
    linear-gradient(90deg, #640007, #fff5e8 8%, #fffaf5 50%, #fff5e8 92%, #640007);
  --theme-header-image: url('/themes/red-gold/assets/header-background.png');
  --theme-header-background: linear-gradient(180deg, #500000, #8f0009 72%, #4c0000);
  --theme-header-image-size: cover;
  --theme-header-image-position: center 44%;
  --theme-mobile-header-image-size: cover;
  --theme-mobile-header-image-position: 18% 42%;
  --theme-header-border: #f0ba3d;
  --theme-header-shadow: 0 10px 28px rgba(70, 0, 0, 0.35);
  --theme-header-height: 202px;
  --theme-mobile-header-height: 104px;
  --theme-header-grid-columns: 1fr auto;
  --theme-header-grid-rows: 153px 49px;
  --theme-header-gap: 0;
  --theme-brand-grid-column: 1 / 3;
  --theme-brand-grid-row: 1;
  --theme-brand-justify: center;
  --theme-nav-grid-column: 1;
  --theme-nav-grid-row: 2;
  --theme-nav-align: stretch;
  --theme-actions-grid-column: 2;
  --theme-actions-grid-row: 2;
  --theme-actions-align: stretch;
  --theme-logo-image: linear-gradient(145deg, #de0014, #8b0008 55%, #e5ad2c);
  --theme-brand-mark-background: linear-gradient(145deg, #de0014, #8b0008 55%, #e5ad2c);
  --theme-brand-mark-color: #fff1a9;
  --theme-brand-text-shadow: 0 1px 0 #fff0a4, 0 0 12px rgba(255, 205, 83, 0.62);
  --theme-brand-surface: linear-gradient(135deg, rgba(255, 249, 208, 0.94), rgba(246, 196, 67, 0.9));
  --theme-brand-surface-border: #ffdc72;
  --theme-brand-surface-shadow: 0 8px 20px rgba(77, 0, 3, 0.32), inset 0 0 0 1px rgba(123, 0, 7, 0.16);
  --theme-brand-surface-padding: 10px 18px;
  --theme-brand-copy-justify: center;
  --theme-brand-copy-text-align: center;
  --theme-nav-background: rgba(75, 0, 4, 0.88);
  --theme-nav-color: #fff4c3;
  --theme-nav-active-background: linear-gradient(180deg, #f4c957, #b77708);
  --theme-nav-active-color: #6a0005;
  --theme-nav-border: rgba(245, 198, 75, 0.36);

  --theme-home-frame-border: #b4000d;
  --theme-home-frame-background:
    linear-gradient(rgba(255, 253, 248, 0.96), rgba(255, 247, 236, 0.98)),
    radial-gradient(circle at 50% 0, rgba(238, 174, 50, 0.2), transparent 42%);
  --theme-section-border: #d5a43d;
  --theme-category-tabs-background: linear-gradient(180deg, #fff9ed, #f8e2b8);
  --theme-category-tab-border: #dfbc71;
  --theme-category-tab-color: #7d0007;
  --theme-category-tab-active-background: linear-gradient(180deg, #bd0010, #760006);
  --theme-category-tab-active-color: #fff0a8;
  --theme-category-tab-active-line: #f3bf3d;
  --theme-category-icon-display: inline-grid;
  --theme-category-icon-background: linear-gradient(145deg, #fff4bd, #e2a925);
  --theme-category-icon-color: #8c0008;
  --theme-category-panel-background: #fffaf3;
  --theme-category-head-background: linear-gradient(90deg, #fff4d7, #fffaf2 55%, #fbe7bc);
  --theme-category-head-muted: #8d5d0d;
  --theme-category-card-background: linear-gradient(145deg, #fffef9, #fff0ca 68%, #f0ce83);
  --theme-category-card-shadow: inset 0 1px 0 #fff, 0 5px 14px rgba(96, 0, 4, 0.1);
  --theme-category-card-active-shadow: inset 0 1px 0 rgba(255, 235, 156, 0.35), 0 9px 20px rgba(94, 0, 4, 0.24);
  --theme-category-all-background: linear-gradient(145deg, #fff1ad, #d99a18 62%, #fff0a1);
  --theme-category-all-border: #c68a12;
  --theme-recommend-heading-background: linear-gradient(90deg, #f5d783, #fffaf0 30%, #fffdf8 50%, #fffaf0 70%, #f5d783);
  --theme-recommend-heading-color: #8d0008;

  --theme-card-grid-background: linear-gradient(180deg, #fffaf4, #f9ead5);
  --theme-card-background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(255, 237, 202, 0.96));
  --theme-card-border: #d4a03a;
  --theme-card-hover-border: #b4000d;
  --theme-card-shadow: inset 0 0 0 1px rgba(255, 248, 205, 0.9), 0 5px 15px rgba(99, 0, 4, 0.12);
  --theme-card-hover-shadow: inset 0 0 0 1px #fff1a8, 0 10px 24px rgba(126, 0, 5, 0.22);
  --theme-card-badge-display: block;
  --theme-card-badge-text: "精选";
  --theme-card-badge-space: 21px;
  --theme-card-corner-display: grid;
  --theme-post-key-color: #c40000;
  --theme-post-period-color: #c40000;
  --theme-post-author-color: #c40000;
  --theme-post-title-color: var(--post-title-color, #c40000);
  --theme-post-unlock-background: #fff4df;
  --theme-post-unlock-border: #d8a53a;
  --theme-post-meta-color: #4b423a;
  --theme-post-meta-label-color: #6b4f2a;
  --theme-modal-head-background: linear-gradient(135deg, #fff3c4, #e8b84f);
  --theme-modal-title-color: #b40000;
  --theme-modal-period-color: #b40000;
  --theme-modal-ad-color: #5c1d13;

  --theme-ad-section-background: linear-gradient(180deg, #fffaf0, #f5ddb0 48%, #fff7e8);
  --theme-ad-background: linear-gradient(135deg, #8d0008, #c8111a 58%, #6f0004);
  --theme-ad-hover-background: linear-gradient(135deg, #ab000d, #d52329 58%, #7c0006);
  --theme-ad-border: #d8a52e;
  --theme-ad-shadow: inset 0 0 0 1px rgba(255, 237, 166, 0.28), 0 8px 22px rgba(92, 0, 4, 0.18);
  --theme-ad-hover-shadow: inset 0 0 0 1px rgba(255, 237, 166, 0.38), 0 13px 28px rgba(92, 0, 4, 0.28);
  --theme-ad-overlay: linear-gradient(90deg, rgba(78, 0, 3, 0.9), rgba(160, 0, 12, 0.5), rgba(70, 0, 3, 0.9));
  --theme-trust-section-background: linear-gradient(180deg, #fffaf1, #f5ddb1);
  --theme-trust-card-background: linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(255, 238, 199, 0.96));
  --theme-trust-card-border: #d8aa4b;
  --theme-trust-card-shadow: inset 0 1px 0 #fff, 0 6px 16px rgba(91, 0, 4, 0.1);
  --theme-trust-title-color: #870007;
  --theme-trust-muted-color: #7d5530;
  --theme-register-background: linear-gradient(105deg, #690003, #b4000d 58%, #780005);
  --theme-register-border: #e1af3b;
  --theme-footer-background: linear-gradient(180deg, #620005, #320002);
  --theme-footer-color: #ffe9aa;
}

@media (max-width: 900px) {
  :root[data-theme='red-gold'] {
    --site-header-sticky-height: 104px;
    --theme-brand-grid-column: auto;
    --theme-brand-grid-row: auto;
    --theme-brand-justify: start;
    --theme-card-badge-space: 19px;
  }
}