/* Light mode is opt-in. Dark mode keeps the existing artwork and colors. */
html[data-theme="light"] { color-scheme: light; background: #fff; }
html[data-theme="light"] body { background: #fff; color: #17191d; }
html[data-theme="light"] .topbar { background: rgba(255,255,255,.96); color: #17191d; border-bottom-color: #d9dce0; }
html[data-theme="light"] .topbar .brand,
html[data-theme="light"] .topbar nav a,
html[data-theme="light"] .topbar nav summary,
html[data-theme="light"] .topbar .menu,
html[data-theme="light"] .topbar .world-theme-toggle,
html[data-theme="light"] .topbar .header-player { color: #17191d; }
html[data-theme="light"] .topbar .header-login { color: #17191d; border-color: #c4c8cd; }
html[data-theme="light"] .topbar .header-register { color: #17191d; }
html[data-theme="light"] .thorn-nav details > div,
html[data-theme="light"] .account-dropdown { background: #fff; color: #17191d; border-color: #d9dce0; box-shadow: 0 18px 45px rgba(26,30,36,.13); }
html[data-theme="light"] .thorn-nav details > div a:hover { background: #f0f2f4; color: #925600; }
html[data-theme="light"] .header-tc { background: #fff8e9; color: #784500 !important; }
html[data-theme="light"] .header-tc b { color: #17191d; }
html[data-theme="light"] body > footer { background: #fff; color: #363b43; border-top-color: #d9dce0; }
html[data-theme="light"] body > footer a,
html[data-theme="light"] body > footer .brand { color: #17191d; }

/* Home: its own color variables otherwise force a black page in both modes. */
html[data-theme="light"] .thorn-cinematic {
  --bg: #fff;
  --bg-2: #f8f9fa;
  --charcoal: #f2f3f4;
  --gunmetal: #d3d7db;
  --gray: #484d54;
  --gray-dim: #a3a9af;
  --ink: #17191d;
  --accent: #a45c00;
  --accent-deep: #874a00;
  color-scheme: light;
  background: #fff;
  color: #17191d;
}
html[data-theme="light"] .thorn-cinematic .hero__stage { background: radial-gradient(60% 55% at 50% 46%, #fff5e7 0%, #fff 70%); }
html[data-theme="light"] .thorn-cinematic .nav { background: rgba(255,255,255,.94); border-bottom-color: #d9dce0; }
html[data-theme="light"] .thorn-cinematic .nav__links a { color: #363b43; }
html[data-theme="light"] .thorn-cinematic .nav__links a:hover { color: #17191d; }
html[data-theme="light"] .thorn-cinematic .nav__play,
html[data-theme="light"] .thorn-cinematic .cta__primary { color: #fff; }
html[data-theme="light"] .thorn-cinematic .hero__action--primary { color: #fff; }
html[data-theme="light"] .thorn-cinematic .hero__action--primary:hover { color: #17191d; }
html[data-theme="light"] .thorn-cinematic .hero__action--secondary,
html[data-theme="light"] .thorn-cinematic .fold__arrow { background: #fff; color: #17191d; border-color: #cfd3d8; }
html[data-theme="light"] .thorn-cinematic .hero__action--secondary:hover,
html[data-theme="light"] .thorn-cinematic .fold__arrow:hover { background: #f2f3f4; }
html[data-theme="light"] .thorn-cinematic .game-network { background: linear-gradient(180deg,#fff,#f5f6f7 52%,#fff); }
html[data-theme="light"] .thorn-cinematic .ip { background: #f7f8f9; border-color: #d3d7db; }
html[data-theme="light"] .thorn-cinematic .faq details { border-color: #d3d7db; }
html[data-theme="light"] .thorn-cinematic .fold-card { border-color: #d3d7db; }
html[data-theme="light"] .thorn-cinematic .foot { border-top-color: #d3d7db; }
html[data-theme="light"] .thorn-cinematic .foot__ip:hover { color: #17191d; }
/* Captions placed over photos retain white text for contrast with the image. */
html[data-theme="light"] .thorn-cinematic .frame__copy,
html[data-theme="light"] .thorn-cinematic .slide__copy,
html[data-theme="light"] .thorn-cinematic .fold-card > div { color: #fff; }
html[data-theme="light"] .thorn-cinematic .hero-card__copy,
html[data-theme="light"] .thorn-cinematic .hero-card__name { color: #17191d; }
html[data-theme="light"] .thorn-cinematic .hero-card__copy p { color: #414852; }
html[data-theme="light"] .thorn-cinematic .hero-card__media::before { background: linear-gradient(90deg,#fff 0%,rgba(255,255,255,0) 55%); }
@media (max-width: 700px) {
  html[data-theme="light"] .thorn-cinematic .hero-card__media::before { background: linear-gradient(0deg,#fff 8%,rgba(255,255,255,.7) 54%,rgba(255,255,255,.1) 100%); }
}
html[data-theme="light"] .thorn-cinematic .fold-card p,
html[data-theme="light"] .thorn-cinematic .slide__copy p { color: #f4f4f4; }

/* Regular pages, forms and content cards. */
html[data-theme="light"] .page-shell,
html[data-theme="light"] .register-page,
html[data-theme="light"] .thp,
html[data-theme="light"] .account-centre,
html[data-theme="light"] .discussion-page,
html[data-theme="light"] .community-profile,
html[data-theme="light"] .th-store,
html[data-theme="light"] .coin-buy-page { background: #fff; color: #17191d; }
html[data-theme="light"] .page-hero { background-image: linear-gradient(90deg,rgba(255,255,255,.97),rgba(255,255,255,.58)),url('assets/thornheim-forest.png'); color: #17191d; }
html[data-theme="light"] .page-hero::after { background: linear-gradient(0deg,#fff 0%,transparent 45%); }
html[data-theme="light"] .page-hero h1,
html[data-theme="light"] .page-hero > p:last-child { color: #17191d; }
html[data-theme="light"] .account-page .page-hero { background-image: linear-gradient(90deg,rgba(255,255,255,.97),rgba(255,255,255,.6)),url('assets/landing2026/public/assets/thornheim/media/thornheim-community-island.png'); }
html[data-theme="light"] .account.workspace,
html[data-theme="light"] .registration.standalone { background: #fff; color: #17191d; }
html[data-theme="light"] .account.workspace::before,
html[data-theme="light"] .registration.standalone::before { background: linear-gradient(90deg,rgba(255,255,255,.97),rgba(255,255,255,.84)),url('assets/landing2026/public/assets/thornheim/media/thornheim-community-island.png') center/cover no-repeat; }
html[data-theme="light"] .account.workspace::after,
html[data-theme="light"] .registration.standalone::after { background: linear-gradient(180deg,transparent 50%,#fff); }
html[data-theme="light"] .account.workspace .account-intro,
html[data-theme="light"] .registration.standalone .account-intro,
html[data-theme="light"] .account.workspace .account-panel,
html[data-theme="light"] .registration.standalone .account-panel { background: rgba(255,255,255,.94); color: #17191d; border-color: #d7dbe0; box-shadow: 0 20px 55px rgba(26,30,36,.1); }
html[data-theme="light"] .account.workspace .account-security,
html[data-theme="light"] .registration.standalone .account-security { background: #fff7ea; }
html[data-theme="light"] .account.workspace .account-security span,
html[data-theme="light"] .registration.standalone .account-security span,
html[data-theme="light"] .account.workspace .login-form label,
html[data-theme="light"] .registration.standalone .login-form label,
html[data-theme="light"] .account.workspace .login-form > small,
html[data-theme="light"] .registration.standalone .login-form > small { color: #363b43; }
html[data-theme="light"] .account.workspace .login-form input,
html[data-theme="light"] .registration.standalone .login-form input,
html[data-theme="light"] .account-form input,
html[data-theme="light"] .account-form textarea,
html[data-theme="light"] .email-current { background: #fff; color: #17191d; border-color: #bdc3ca; }
html[data-theme="light"] .profile-grid article,
html[data-theme="light"] .account-sidebar,
html[data-theme="light"] .account-content > header,
html[data-theme="light"] .account-card { background: #fff; color: #17191d; border-color: #d7dbe0; box-shadow: 0 15px 45px rgba(26,30,36,.08); }
html[data-theme="light"] .profile-grid small,
html[data-theme="light"] .profile-grid span,
html[data-theme="light"] .profile-last { color: #4c535d; }

/* Information pages supplied by the site plugin. */
html[data-theme="light"] .thp-hero h1,
html[data-theme="light"] .thp-card h2,
html[data-theme="light"] .thp h2,
html[data-theme="light"] .thp h3 { color: #17191d; }
html[data-theme="light"] .thp-hero p,
html[data-theme="light"] .thp-card p,
html[data-theme="light"] .thp-contact p,
html[data-theme="light"] .thp-steps article p,
html[data-theme="light"] .thp-faq p,
html[data-theme="light"] .thp-rules li,
html[data-theme="light"] .thp-rule-note,
html[data-theme="light"] .thp-player-summary { color: #414852; }
html[data-theme="light"] .thp-card,
html[data-theme="light"] .thp-empty,
html[data-theme="light"] .thp-status article,
html[data-theme="light"] .thp-status-main,
html[data-theme="light"] .thp-contact,
html[data-theme="light"] .thp-rules article,
html[data-theme="light"] .thp-steps article,
html[data-theme="light"] .thp-ranking article,
html[data-theme="light"] .thp-command-list,
html[data-theme="light"] .thp-form,
html[data-theme="light"] .thp-search,
html[data-theme="light"] .thp-player-card,
html[data-theme="light"] .thp-guild dl div { background: #fff; color: #17191d; border-color: #d7dbe0; box-shadow: 0 14px 35px rgba(26,30,36,.07); }
html[data-theme="light"] .thp-filters a { color: #252a31; border-color: #c5cbd2; }
html[data-theme="light"] .thp-form label,
html[data-theme="light"] .thp-player-card span,
html[data-theme="light"] .thp-guild dd { color: #17191d; }
html[data-theme="light"] .thp-form input,
html[data-theme="light"] .thp-form select,
html[data-theme="light"] .thp-form textarea,
html[data-theme="light"] .thp-search input { background: #fff; color: #17191d; border-color: #bdc3ca; }
html[data-theme="light"] .thp-status .operational { color: #12653a; }
html[data-theme="light"] .thp-status .unavailable { color: #a22727; }