:root{
  --rf-theme-page-bg: #141414;
  --rf-theme-text-primary: #ffffff;
  --rf-theme-text-muted: #b3b3b3;
  --rf-theme-card-bg: #1f1f1f;
  --rf-theme-card-text: #ffffff;
  --rf-theme-border: rgba(255,255,255,.16);
  --rf-theme-accent: #e50914;
  --rf-theme-btn-primary-bg: #d90913;
  --rf-theme-btn-primary-text: #ffffff;
  --rf-theme-btn-secondary-bg: #ffffff;
  --rf-theme-btn-secondary-text: #000000;
  --rf-theme-card-radius: 4px;
  --rf-theme-button-radius: 4px;
  --rf-theme-chip-radius: 999px;
  --rf-theme-font-body: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --rf-theme-font-heading: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --rf-theme-font-size-base: 16px;
  --rf-theme-heading-weight: 800;

  /* Bridge to existing variables already used around the app */
  --bg: var(--rf-theme-page-bg);
  --bg2: var(--rf-theme-card-bg);
  --text: var(--rf-theme-text-primary);
  --muted: var(--rf-theme-text-muted);
  --soft: var(--rf-theme-card-bg);
  --radius: var(--rf-theme-card-radius);

  --nfBg: var(--rf-theme-page-bg);
  --nfCard: var(--rf-theme-card-bg);
  --nfText: var(--rf-theme-text-primary);
  --nfMut: var(--rf-theme-text-muted);
  --nfLine: var(--rf-theme-border);
}

/* Core typography + canvas */
body{
  background: var(--rf-theme-page-bg);
  color: var(--rf-theme-text-primary);
  font-family: var(--rf-theme-font-body);
  font-size: var(--rf-theme-font-size-base);
}
h1,h2,h3,h4,h5,h6,
.nfH1,.nfH2,
.billboard__title,
.row__title,
{
  font-family: var(--rf-theme-font-heading);
  font-weight: var(--rf-theme-heading-weight);
  color: var(--rf-theme-text-primary);
}



.staticPage__title {

color: #485063;

}





p,small,.meta,.nfMeta,.staticPage__body,.communityBody{
  color: var(--rf-theme-text-muted);
}

/* Shared cards/surfaces */
.nfCard,
.staticPage__wrap,
.contactForm,
.communityHero,
.communityItem,
.communityNotice,
.communityForm,
.communityCol,
.communityEntry,
.rows .card,
.featuredStrip__rail .featuredCard,
.searchDrawer__inner,
.rfm-topMenuCard{
  background: var(--rf-theme-card-bg);
  color: var(--rf-theme-card-text);
  border-color: var(--rf-theme-border);
  border-radius: var(--rf-theme-card-radius);
}

/* Forms */
input,select,textarea,
.contactField input,
.contactField select,
.contactField textarea{
  border-color: var(--rf-theme-border);
  color: var(--rf-theme-text-primary);
}

/* Buttons/chips */
.btn,
button,
.iconBtn,
.roundIconBtn,
.rfm-iconBtn,
.nfModal__btnPlay,
.nfModal__btnSecondary,
.nfModal__btnMyList,
.watchDrawer__playBtn,
.modalMyListBtn{
  border-radius: var(--rf-theme-button-radius) !important;
}

.searchFilterChip,
.maturityBadge,
.nfModal__pill,
.wdPill{
  /*border-radius: var(--rf-theme-chip-radius) !important;*/
border-radius: 5px;
}

.btn--primary,
.nfModal__btnPlay,
.watchDrawer__playBtn{
  background: var(--rf-theme-btn-primary-bg) !important;
  color: var(--rf-theme-btn-primary-text) !important;
}
.btn--secondary,
.nfModal__btnSecondary,
.nfModal__btnMyList,
.modalMyListBtn{
  background: var(--rf-theme-btn-secondary-bg) !important;
  color: var(--rf-theme-btn-secondary-text) !important;
}

/* Accent-bearing controls */
.navLink.isActive,
.searchFilterChip.isActive,
.nfNav a.active,
.communityToggle.isActive{
  border-color: var(--rf-theme-accent) !important;
}

.communitySubmit,
.rfAvailActions .btnPrimary{
  background: var(--rf-theme-accent) !important;
  color: #fff !important;
}