/* RS4 Forum — design tokens (dark "Carved Stone" scheme).
   Values mirror theme-html/css/tokens.css. The light "Parchment" child theme
   replaces this stylesheet with rs4_tokens_light.css. */

:root {
  /* Type */
  --xf-fontFamilyUi: 'Source Sans 3', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --xf-fontFamilyBody: 'Source Sans 3', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --xf-fontFamilyCode: ui-monospace, Menlo, Consolas, monospace;
  --rsh-fontFamilyHeading: 'Cinzel', Georgia, serif;
  --xf-fontSizeSmallest: 11px;
  --xf-fontSizeSmaller: 13px;
  --xf-fontSizeSmall: 14px;
  --xf-fontSizeNormal: 15px;
  --xf-fontSizeLarge: 16px;
  --xf-fontSizeLarger: 18px;
  --xf-fontSizeLargest: 30px;
  --xf-fontWeightLight: 400;
  --xf-fontWeightNormal: 400;
  --xf-fontWeightHeavy: 600;
  --xf-lineHeightDefault: 1.4;

  /* Shape & space */
  --xf-borderRadiusSmall: 0px;
  --xf-borderRadiusMedium: 0px;
  --xf-borderRadiusLarge: 0px;
  --xf-blockBorderRadius: 0px;
  --xf-buttonBorderRadius: 0px;
  --xf-paddingSmall: 6px;
  --xf-paddingMedium: 10px;
  --xf-paddingLarge: 16px;
  --xf-elementSpacer: 18px;
  --rsh-filterBarHeight: 34px;
  --xf-messagePadding: 16px;

  /* Widths / breakpoints */
  --xf-pageWidthMax: 1400px;
  --xf-responsiveWide: 900px;
  --xf-responsiveMedium: 650px;
  --xf-responsiveNarrow: 480px;

  --rsh-nodeIconSize: 44px;
}

/* ---------- DARK (default) ---------- */
:root {
  --xf-paletteColor1: #f3e2b0;
  --xf-paletteColor2: #e4cf96;
  --xf-paletteColor3: #cfae5a;
  --xf-paletteColor4: #7a6128;
  --xf-paletteColor5: #4a3a16;
  --xf-paletteAccent1: #6fc4d4;
  --xf-paletteAccent2: #7a1f1f;
  --xf-paletteAccent3: #5a3f7a;
  --xf-paletteNeutral1: #2b2a27;
  --xf-paletteNeutral2: #8a8477;
  --xf-paletteNeutral3: #d9d2c3;

  --xf-pageBg: #0d0d0c;
  --xf-contentBg: #151513;
  --xf-contentAltBg: #1a1917;
  --xf-contentHighlightBg: #1d1c1a;
  --xf-contentAccentBg: #232220;
  --xf-borderColor: #2b2a27;
  --xf-borderColorLight: #242321;
  --xf-borderColorHeavy: #3a3530;

  --xf-textColor: #d9d2c3;
  --xf-textColorDimmed: #8a8477;
  --xf-textColorMuted: #6f695e;
  --xf-textColorEmphasized: #efe8d8;
  --xf-textColorAttention: #cfae5a;
  --xf-linkColor: #6fc4d4;
  --xf-linkHoverColor: #9fdbe6;

  --xf-publicHeaderBg: #080808;
  --xf-publicHeaderText: #c7bfae;
  --xf-publicNavBg: #080808;
  --xf-publicNavText: #9a9284;
  --xf-publicNavSelectedText: #f0e6cf;
  --xf-publicNavSelectedBorder: #cfae5a;
  --xf-publicSectionLinksBg: #0f0f0e;
  --xf-publicSectionLinksText: #8a8477;
  --xf-publicFooterBg: #060606;
  --xf-publicFooterText: #6f695e;
  --xf-publicFooterLink: #c7bfae;

  --xf-blockHeaderBg: linear-gradient(#232220, #181816);
  --xf-blockHeaderText: #cfae5a;
  --xf-blockHeaderBorder: #cfae5a;
  --xf-blockMinorHeaderBg: linear-gradient(#1d1c1a, #161614);
  --xf-blockMinorHeaderText: #cfae5a;
  --xf-blockFilterBarBg: #151513;
  --xf-blockBorder: #2b2a27;
  --rsh-blockShadow: inset 0 1px 0 rgba(255,255,255,.03), 0 14px 32px rgba(0,0,0,.65);
  --rsh-rowHoverBg: #201e1a;

  --xf-buttonBg: #151513;
  --xf-buttonText: #d9d2c3;
  --xf-buttonBorder: #2b2a27;
  --xf-buttonPrimaryBg: #232220;
  --xf-buttonPrimaryText: #efe8d8;
  --xf-buttonCtaBg: #cfae5a;
  --xf-buttonCtaText: #0d0d0c;
  --rsh-buttonCtaShadow: 0 2px 0 #7a6128;

  --xf-inputBg: #0a0a09;
  --xf-inputFocusBg: #111110;
  --xf-inputColor: #d9d2c3;
  --xf-inputBorderColor: #2b2a27;
  --xf-inputPlaceholder: #6f695e;

  --xf-errorColor: #e07070; --xf-errorBg: #2a1414;
  --xf-successColor: #8ccf8c; --xf-successBg: #142a16;
  --xf-warningColor: #e4cf96; --xf-warningBg: #2a2414;
  --xf-starColor: #cfae5a;

  --rsh-nodeIconBg: radial-gradient(circle at 35% 28%, #3a3936, #1a1917 55%, #0c0c0b);
  --rsh-nodeIconBorder: #4a4743;
  --rsh-nodeIconShadow: inset 0 2px 3px rgba(255,255,255,.10), inset 0 -4px 6px rgba(0,0,0,.75), 0 1px 0 rgba(255,255,255,.05), 0 2px 4px rgba(0,0,0,.6);
  --rsh-headingShadow: 0 2px 0 #000, 0 0 24px rgba(207,174,90,.15);
  --rsh-pageTexture: radial-gradient(ellipse 60% 40% at 18% 8%, rgba(255,255,255,.045), transparent 70%),
    radial-gradient(ellipse 50% 60% at 88% 78%, rgba(255,255,255,.035), transparent 70%),
    radial-gradient(circle at 55% 45%, rgba(0,0,0,.55), transparent 65%),
    repeating-linear-gradient(17deg, rgba(255,255,255,.014) 0 1px, transparent 1px 9px),
    repeating-linear-gradient(-63deg, rgba(0,0,0,.3) 0 1px, transparent 1px 13px),
    repeating-linear-gradient(101deg, rgba(255,255,255,.01) 0 2px, transparent 2px 23px);
  --rsh-heroOverlay: linear-gradient(90deg, rgba(13,13,12,.72) 0%, rgba(13,13,12,.42) 40%, rgba(13,13,12,0) 100%),
    linear-gradient(rgba(13,13,12,.15), rgba(13,13,12,0) 30%, rgba(13,13,12,.92) 100%);

  /* Scheme-specific extras that the reference CSS expressed as [data-color-scheme] overrides */
  --rsh-topbarBg: linear-gradient(#0a0a0a, #080808);
  --rsh-topbarShadow: 0 1px 0 #1a1816, 0 6px 18px rgba(0,0,0,.6);
  --rsh-headerTextShadow: 0 1px 0 #000;
  --rsh-headerInsetShadow: inset 0 -1px 0 rgba(0,0,0,.6);
  --rsh-heroTitleColor: #cfae5a;
  --rsh-heroTitleShadow: 0 3px 0 #000, 0 0 40px rgba(207,174,90,.2);
  --rsh-labelText: #f6ead0;
}