/* FireMS light mode (user 10-16: white background like rien.ms + a light/dark switch). html[data-theme="light"] is set by
   i18n.js before the page paints (saved choice in localStorage fw_theme, default light). Everything here only re-colours the
   lux theme: same layout, warm white page, deep brown text, orange accent from the logo, white cards with soft shadows. */
html[data-theme="light"] body.t-lux {
  --navy: #ffffff; --plum: #fff7ef; --ivory: #2b1a14; --mist: #75625a; --champ: #d9620f; --rose: #e0662e;
  --hair: rgba(140, 84, 44, .16); --card: #ffffff; --shadow: 0 1px 2px rgba(60, 30, 10, .05), 0 12px 28px -12px rgba(60, 30, 10, .18);
  background: #fff; color: var(--ivory); }
html[data-theme="light"] { color-scheme: light; }
html[data-theme="dark"] { color-scheme: dark; }

/* header + footer */
html[data-theme="light"] .t-lux .top.solid, html[data-theme="light"] .t-lux .top.open { background: rgba(255, 255, 255, .94); border-color: rgba(140, 84, 44, .12); box-shadow: 0 1px 0 rgba(140, 84, 44, .06); }
html[data-theme="light"] .t-lux .nav a { color: #4a3830; }
html[data-theme="light"] .t-lux .nav a:hover, html[data-theme="light"] .t-lux .nav a.on { color: var(--champ); }
html[data-theme="light"] .t-lux .logo img.emblem { filter: drop-shadow(0 6px 12px rgba(120, 50, 10, .22)); }
html[data-theme="light"] .t-lux .menu-btn { color: var(--ivory); }
html[data-theme="light"] .t-lux .foot { background: var(--plum); color: var(--mist); border-color: rgba(140, 84, 44, .12); }
html[data-theme="light"] .t-lux .dc-ico { color: #5865f2; }

/* buttons + tabs: orange pill, white text (rien style) */
html[data-theme="light"] .t-lux .btn, html[data-theme="light"] .t-lux .nav a.btn:not(.ghost) { background: linear-gradient(180deg, #fb8a3c, #e8590c); color: #fff; box-shadow: 0 8px 20px -6px rgba(232, 89, 12, .45); }
html[data-theme="light"] .t-lux .btn:hover { box-shadow: 0 12px 26px -6px rgba(232, 89, 12, .55); }
html[data-theme="light"] .t-lux .btn.ghost, html[data-theme="light"] .t-lux .btn.white, html[data-theme="light"] .t-lux .nav a.btn.ghost { background: #fff; color: var(--ivory); border: 1px solid rgba(140, 84, 44, .22); box-shadow: none; }
html[data-theme="light"] .t-lux .btn.ghost:hover, html[data-theme="light"] .t-lux .nav a.btn.ghost:hover { border-color: var(--champ); color: var(--champ); }
html[data-theme="light"] .t-lux .tabs { background: #fff; border-color: rgba(140, 84, 44, .18); }
html[data-theme="light"] .t-lux .tabs button { color: #5f4c43; }
html[data-theme="light"] .t-lux .tabs button.on, html[data-theme="light"] .t-lux .lang-sw button.on, html[data-theme="light"] .t-lux .srv-ch span.on,
html[data-theme="light"] .t-lux .boss-badge, html[data-theme="light"] .t-lux .bc-modes i.on, html[data-theme="light"] .t-lux .pod.r1 .medal { background: linear-gradient(180deg, #fb8a3c, #e8590c); color: #fff; border-color: transparent; }
html[data-theme="light"] .t-lux .lang-sw, html[data-theme="light"] .t-lux .theme-sw { border-color: rgba(140, 84, 44, .22); }
html[data-theme="light"] .t-lux .lang-sw button { color: #5f4c43; }

/* hero (front page): bright sky, white wash behind the text */
html[data-theme="light"] .t-lux .hero::before { filter: blur(1.5px) saturate(1.05) brightness(1.05); }
html[data-theme="light"] .t-lux .hero::after { background: radial-gradient(60% 70% at 72% 55%, rgba(255, 196, 120, .25), transparent 70%),
  linear-gradient(90deg, rgba(255, 255, 255, .96) 0%, rgba(255, 255, 255, .82) 42%, rgba(255, 250, 244, .25) 100%), linear-gradient(180deg, transparent 75%, #fff 100%); }
html[data-theme="light"] .t-lux .hero .fx-canvas { opacity: .35; }
html[data-theme="light"] .t-lux .arch { background: radial-gradient(80% 60% at 50% 40%, rgba(255, 214, 150, .65), rgba(255, 240, 225, .95) 70%);
  box-shadow: inset 0 0 0 6px rgba(255, 255, 255, .7), 0 26px 50px -18px rgba(120, 60, 20, .35); border-color: rgba(217, 98, 15, .3); }
html[data-theme="light"] .t-lux .arch::before { border-color: rgba(217, 98, 15, .22); }
html[data-theme="light"] .t-lux .arch img { filter: drop-shadow(0 12px 16px rgba(90, 40, 10, .25)); }
html[data-theme="light"] .t-lux .arch.a2:hover, html[data-theme="light"] .t-lux .arch.a3:hover { box-shadow: inset 0 0 0 6px rgba(255, 255, 255, .7), 0 30px 60px -18px rgba(120, 60, 20, .4); }
html[data-theme="light"] .t-lux .srv { background: rgba(255, 255, 255, .9); border-color: rgba(140, 84, 44, .14); box-shadow: var(--shadow); backdrop-filter: blur(8px); }
html[data-theme="light"] .t-lux .srv-ch span { background: #fff7ef; border-color: rgba(140, 84, 44, .12); }
html[data-theme="light"] .t-lux .live .pulse, html[data-theme="light"] .t-lux .srv-top .dot { background: #22c55e; }

/* sections */
html[data-theme="light"] .t-lux .about, html[data-theme="light"] .t-lux .v270, html[data-theme="light"] .t-lux .closing { background: #fff; }
html[data-theme="light"] .t-lux .newboss { background: var(--plum); }
html[data-theme="light"] .t-lux .promo { background: var(--plum); border-color: rgba(140, 84, 44, .12); }
html[data-theme="light"] .t-lux .strip { background: #fff; border-color: rgba(140, 84, 44, .12); }
html[data-theme="light"] .t-lux .strip .job img, html[data-theme="light"] .t-lux .side .who img, html[data-theme="light"] .t-lux .crow > img,
html[data-theme="light"] .t-lux .pod .ava, html[data-theme="light"] .t-lux .jobc img, html[data-theme="light"] .acct > button img { background: #fbefe4; }
html[data-theme="light"] .t-lux .pod .ava { background: none; }

/* cards: white + soft shadow instead of hairline-on-dark */
html[data-theme="light"] .t-lux .about-card, html[data-theme="light"] .t-lux .panel, html[data-theme="light"] .t-lux .boss-tile, html[data-theme="light"] .t-lux .pod,
html[data-theme="light"] .t-lux .tbl-wrap, html[data-theme="light"] .t-lux .auth-card, html[data-theme="light"] .t-lux .side, html[data-theme="light"] .t-lux .mini,
html[data-theme="light"] .t-lux .crow, html[data-theme="light"] .t-lux .pack, html[data-theme="light"] .t-lux .main-char, html[data-theme="light"] .t-lux .bs,
html[data-theme="light"] .t-lux .run, html[data-theme="light"] .t-lux .latest li, html[data-theme="light"] .t-lux .bd-runs li, html[data-theme="light"] .t-lux .hof,
html[data-theme="light"] .t-lux .bd-first, html[data-theme="light"] .t-lux .hof-mem.big {
  background: var(--card); border: 1px solid rgba(140, 84, 44, .12); box-shadow: var(--shadow); }
html[data-theme="light"] .t-lux .bs { background: radial-gradient(80% 60% at 50% 35%, rgba(255, 214, 150, .45), #fff 75%); }
html[data-theme="light"] .t-lux .about-card:hover, html[data-theme="light"] .t-lux .boss-tile:hover, html[data-theme="light"] .t-lux .pack:hover, html[data-theme="light"] .t-lux .bs:hover {
  border-color: rgba(217, 98, 15, .5); box-shadow: 0 18px 36px -14px rgba(120, 60, 20, .3); }
html[data-theme="light"] .t-lux .about-card .ico { background: #fff7ef; }
html[data-theme="light"] .t-lux .pod.r1, html[data-theme="light"] .t-lux .bd-first, html[data-theme="light"] .t-lux .hof { border-color: rgba(217, 98, 15, .45);
  background: radial-gradient(ellipse at 50% 100%, rgba(255, 196, 120, .22), rgba(255, 255, 255, 0) 70%), #fff; }
html[data-theme="light"] .t-lux .bd-runs li.m1, html[data-theme="light"] .t-lux .run.top1 { border-color: rgba(217, 98, 15, .45); background: linear-gradient(90deg, #fff4e8, #fff 45%); }
html[data-theme="light"] .t-lux .bd-runs li.m1 .rk { color: #d9620f; } html[data-theme="light"] .t-lux .bd-runs li.m2 .rk { color: #7b8494; } html[data-theme="light"] .t-lux .bd-runs li.m3 .rk { color: #b06a3a; }

/* tables, inputs, menus */
html[data-theme="light"] .t-lux th, html[data-theme="light"] .t-lux td { border-color: rgba(140, 84, 44, .1); }
html[data-theme="light"] .t-lux tbody tr:hover td, html[data-theme="light"] .t-lux .rank-list tr.top td, html[data-theme="light"] .t-lux table.bonus tr.today td { background: #fff7ef; }
html[data-theme="light"] .t-lux input[type=text], html[data-theme="light"] .t-lux input:not([type]), html[data-theme="light"] .t-lux input[type=password],
html[data-theme="light"] .t-lux input[type=email], html[data-theme="light"] .t-lux input[type=search], html[data-theme="light"] .t-lux select,
html[data-theme="light"] .t-lux .job-pick select { background: #fff; color: var(--ivory); border: 1px solid rgba(140, 84, 44, .22); }
html[data-theme="light"] .t-lux .job-pick select option { background: #fff; }
html[data-theme="light"] .t-lux .acct > button, html[data-theme="light"] .t-lux .acct .menu { background: #fff; border: 1px solid rgba(140, 84, 44, .16); color: var(--ivory); box-shadow: var(--shadow); }
html[data-theme="light"] .acct .menu a, html[data-theme="light"] .acct .menu button, html[data-theme="light"] .side nav a, html[data-theme="light"] .linkbtn { color: #4a3830 !important; }
html[data-theme="light"] .acct .menu a:hover, html[data-theme="light"] .acct .menu button:hover, html[data-theme="light"] .side nav a:hover, html[data-theme="light"] .linkbtn:hover { background: #fff3e6; }
html[data-theme="light"] .t-lux .side nav a.on { background: linear-gradient(90deg, rgba(251, 138, 60, .16), transparent); color: var(--champ) !important; }
html[data-theme="light"] .acct .menu .lang b, html[data-theme="light"] .linkbtn.inline, html[data-theme="light"] .addr { color: var(--champ) !important; }
html[data-theme="light"] .addr, html[data-theme="light"] .t-lux .bar { background: #fbefe4; }
html[data-theme="light"] .content h1, html[data-theme="light"] .auth-card h1 { color: var(--ivory); }
html[data-theme="light"] .main-char h2, html[data-theme="light"] .mini b, html[data-theme="light"] .cinfo b, html[data-theme="light"] .faq summary,
html[data-theme="light"] .pay-head b, html[data-theme="light"] .pay-info .amt, html[data-theme="light"] .side .who b, html[data-theme="light"] .pack { color: var(--ivory); }
html[data-theme="light"] .t-lux .mini b, html[data-theme="light"] .t-lux .pack b { color: var(--champ); }
html[data-theme="light"] .main-char p, html[data-theme="light"] .cdetail, html[data-theme="light"] .soon p, html[data-theme="light"] .faq p, html[data-theme="light"] .pack span { color: var(--mist); }
html[data-theme="light"] .pay-head .pill { background: #fff3e6; color: var(--champ); }
html[data-theme="light"] .late { color: #b42318; }
html[data-theme="light"] .exact { color: #c2410c; }
html[data-theme="light"] .err { color: #c0392b; } html[data-theme="light"] .err.ok, html[data-theme="light"] .ok { color: #15803d; }
html[data-theme="light"] .badge.on { background: #dcfce7; color: #15803d; }
html[data-theme="light"] .t-lux .auth-art { background: radial-gradient(80% 60% at 50% 40%, rgba(255, 214, 150, .65), rgba(255, 240, 225, .95) 70%); box-shadow: inset 0 0 0 6px rgba(255, 255, 255, .7); }

/* inner pages: light sky band that fades into white */
html[data-theme="light"] .t-lux main.page::before { filter: blur(2px) saturate(1.05) brightness(1.08); opacity: .55; }

/* code / chips / misc */
html[data-theme="light"] .t-lux .feat code, html[data-theme="light"] .t-lux .guide code { background: #fff3e6; }
html[data-theme="light"] .t-lux .bchip, html[data-theme="light"] .t-lux .jobc { background: #fff7ef; }
html[data-theme="light"] .t-lux .tier.t0 { --tc: #8a7563; } html[data-theme="light"] .t-lux .tier.t1 { --tc: #4d8f2a; } html[data-theme="light"] .t-lux .tier.t2 { --tc: #2f74c9; }
html[data-theme="light"] .t-lux .tier.t3 { --tc: #9a4fd1; } html[data-theme="light"] .t-lux .tier.t4 { --tc: #d9620f; } html[data-theme="light"] .t-lux .tier.t5 { --tc: #b88400; }
html[data-theme="light"] .t-lux .rk.m1 { box-shadow: 0 0 10px rgba(242, 191, 74, .5); }
html[data-theme="light"] .t-lux .mem .cp, html[data-theme="light"] .t-lux .ftime { color: var(--champ); }
html[data-theme="light"] .t-lux .pod .ava img, html[data-theme="light"] .t-lux .bd-chr .bd-st img { filter: drop-shadow(0 6px 6px rgba(60, 30, 10, .22)); }

/* boss cards keep their own dark art: text on the art stays light */
html[data-theme="light"] .t-lux .bc { border-color: rgba(140, 84, 44, .14); box-shadow: 0 10px 22px -10px rgba(60, 30, 10, .35); }
html[data-theme="light"] .t-lux .bc-n { color: #fff3e0; }
html[data-theme="light"] .t-lux .bc.none .bc-n { color: #e6d3c4; }
html[data-theme="light"] .t-lux .bd-hero { background: #fff; border-color: rgba(140, 84, 44, .14); box-shadow: var(--shadow); }
html[data-theme="light"] .t-lux .bd-hero::before { filter: blur(34px) saturate(1.3) brightness(1.25); opacity: .35; }
html[data-theme="light"] .t-lux .bd-art img { box-shadow: 0 14px 28px -10px rgba(60, 30, 10, .4); }

/* the switch itself (both modes) */
.t-lux .theme-sw { display: inline-grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; border: 1px solid var(--hair); background: none;
  color: var(--ivory); cursor: pointer; margin-right: 4px; transition: transform .25s cubic-bezier(.2, 1.2, .4, 1), border-color .2s; }
.t-lux .theme-sw:hover { border-color: var(--champ); color: var(--champ); transform: rotate(-15deg); }
.t-lux .theme-sw svg { width: 17px; height: 17px; }
.t-lux .theme-sw .sun { display: none; }
html[data-theme="light"] .t-lux .theme-sw .sun { display: none; }
html[data-theme="light"] .t-lux .theme-sw .moon { display: block; }
html[data-theme="dark"] .t-lux .theme-sw .moon { display: none; }
html[data-theme="dark"] .t-lux .theme-sw .sun { display: block; }

/* readability on the sky band (light): calmer sky, solid-orange title accent, dark back link */
html[data-theme="light"] .t-lux main.page::before { opacity: .32; filter: blur(3px) saturate(.9) brightness(1.12); }
html[data-theme="light"] .t-lux .grad { background: linear-gradient(90deg, #f07a1f, #c2410c); -webkit-background-clip: text; background-clip: text; color: transparent; }
html[data-theme="light"] .t-lux .back { color: var(--champ); }
html[data-theme="light"] .t-lux .page-head p, html[data-theme="light"] .t-lux .muted { color: var(--mist); }