/*
 * Shared Thunder Hollow purple theme.
 * Keep site-wide color and frame tokens here so every page matches.
 */

html[data-theme-fallback="purple"]{
  --thunder-theme-purple-rgb:49 28 77;
  --thunder-theme-purple:rgb(var(--thunder-theme-purple-rgb));
  --thunder-theme-nav-purple:#4d2d63;
  --thunder-theme-panel:var(--thunder-theme-purple);
  --thunder-theme-panel-gradient:linear-gradient(180deg, var(--thunder-theme-panel), var(--thunder-theme-panel));
  --thunder-radius-outer-frame:34px;
  --thunder-radius-inner-frame:28px;
  --thunder-radius-panel:16px;
  --thunder-radius-media:18px;
  --thunder-radius-component-frame:14px;

  /* Backwards-compatible names used by existing page/component CSS. */
  --indextwo-unified-purple-rgb:var(--thunder-theme-purple-rgb);
  --indextwo-unified-purple:var(--thunder-theme-purple);
  --indextwo-page-purple:var(--thunder-theme-purple);
  --indextwo-nav-purple:var(--thunder-theme-nav-purple);
  --indextwo-panel-purple:var(--thunder-theme-panel);
  --indextwo-panel-purple-deep:var(--thunder-theme-panel);
  --indextwo-unified-panel:var(--thunder-theme-panel);
  --indextwo-unified-panel-gradient:var(--thunder-theme-panel-gradient);

  --page-bg:var(--thunder-theme-purple) !important;
  --bg:var(--page-bg) !important;
  --menu-bar-bg:rgba(77,45,99,.92) !important;
  --index-bg-image:linear-gradient(var(--thunder-theme-purple), var(--thunder-theme-purple)) !important;
  --all-other-frame-image:linear-gradient(var(--thunder-theme-purple), var(--thunder-theme-purple)) !important;

  --single2-section-a:var(--thunder-theme-purple) !important;
  --single2-section-b:var(--thunder-theme-purple) !important;
  --single2-videos-section-bg:var(--thunder-theme-purple) !important;
  --single2-section-videos:var(--thunder-theme-purple) !important;
  --single2-section-photos:var(--thunder-theme-purple) !important;
  --single2-section-about:var(--thunder-theme-purple) !important;

  --surface--media-frame:var(--thunder-theme-purple) !important;
  --surface--media-pane:var(--thunder-theme-purple) !important;
  --surface--video-stage:var(--thunder-theme-purple) !important;
  --surface--video-frame:var(--thunder-theme-purple) !important;
  --surface--video-sheen:linear-gradient(var(--thunder-theme-purple), var(--thunder-theme-purple)) !important;
  --surface--photo-stage:var(--thunder-theme-panel) !important;
  --surface--photo-frame:var(--thunder-theme-panel) !important;
  --surface--photo-sheen:var(--thunder-theme-panel-gradient) !important;
  --surface--stream-stage:var(--thunder-theme-panel) !important;
  --surface--stream-frame:var(--thunder-theme-panel) !important;
  --surface--stream-sheen:var(--thunder-theme-panel-gradient) !important;
  --surface--stream-inner:var(--thunder-theme-panel) !important;
  --surface--stream-overview:var(--thunder-theme-panel) !important;
  --surface--stream-placeholder:var(--thunder-theme-panel) !important;
  --surface--about-stage:var(--thunder-theme-panel) !important;
  --surface--about-frame:var(--thunder-theme-panel) !important;
  --surface--about-inner:var(--thunder-theme-panel) !important;
  --surface--scheme-stage-flat:var(--thunder-theme-purple) !important;

  background:var(--thunder-theme-purple) !important;
}

html[data-theme-fallback="purple"] body{
  background:var(--page-bg) !important;
}