/* URF Club — dark theme for all public pages (loaded after urf.css). Admin is not affected. */
html[data-theme="dark"] {
  --surface: #0b0a10;
  --surface-raised: #16141d;
  --surface-sunken: #1f1c28;
  --ink: #f5f1ea;
  --ink-muted: #a9a3b4;
  --line: rgba(255,255,255,.09);
  --line-strong: rgba(255,255,255,.28);
  --forest: #1c1925;
  --on-forest: #f5f1ea;
  --night: #08070c;
  --on-night: #f5f1ea;
  --brand: #ff7a45;
  --on-brand: #1a0d06;
  --brand-soft: rgba(255,138,61,.14);
  --gold: #ffb347;
  --on-gold: #1a0d06;
  --success: #4ade80;
  --success-soft: rgba(74,222,128,.14);
  --danger: #ff6b6b;
  --danger-soft: rgba(255,107,107,.14);
  --focus: #ff8a3d;
  --shadow-card: 0 1px 0 rgba(255,255,255,.04) inset, 0 16px 36px rgba(0,0,0,.45);
  --font-display: Poppins, "Segoe UI", system-ui, sans-serif;
  --font-sans: Poppins, "Segoe UI", system-ui, sans-serif;
  --font-script: Caveat, "Segoe Script", cursive;
  --dk-grad: linear-gradient(90deg, #ff9a3d, #ff5a5f);
  --dk-or: #ff8a3d;
  color-scheme: dark;
}
html[data-theme="dark"] body {
  background:
    radial-gradient(900px 480px at 85% -120px, rgba(255,110,50,.22), transparent 60%),
    radial-gradient(700px 420px at -10% 10%, rgba(120,60,255,.10), transparent 60%),
    var(--surface) no-repeat;
  background-attachment: fixed;
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
}
html[data-theme="dark"] a { color: inherit; }
html[data-theme="dark"] ::selection { background: rgba(255,138,61,.35); }

/* headings: bold sans like the homepage */
html[data-theme="dark"] h1, html[data-theme="dark"] h2, html[data-theme="dark"] h3,
html[data-theme="dark"] .ut-h1, html[data-theme="dark"] .ut-h2, html[data-theme="dark"] .ut-h3, html[data-theme="dark"] .ut-display {
  font-family: Poppins, system-ui, sans-serif; font-weight: 700; letter-spacing: -.01em; color: var(--ink);
}
html[data-theme="dark"] .ut-eyebrow { color: var(--dk-or); letter-spacing: .14em; }
html[data-theme="dark"] em { color: var(--dk-or); }

/* buttons */
html[data-theme="dark"] .ut-btn { border-radius: 999px; font-family: Poppins, sans-serif; transition: transform .2s, box-shadow .2s, background .2s; }
html[data-theme="dark"] .ut-btn:hover { transform: translateY(-2px); }
html[data-theme="dark"] .ut-btn--primary { background: var(--dk-grad); color: #1a0d06; box-shadow: 0 8px 22px rgba(255,110,60,.32); border: 0; }
html[data-theme="dark"] .ut-btn--primary:hover { filter: none; box-shadow: 0 12px 30px rgba(255,110,60,.48); }
html[data-theme="dark"] .ut-btn--secondary, html[data-theme="dark"] .ut-btn--outline { background: transparent; color: #fff; border: 1.5px solid rgba(255,255,255,.45); }
html[data-theme="dark"] .ut-btn--secondary:hover, html[data-theme="dark"] .ut-btn--outline:hover { background: rgba(255,255,255,.08); }
html[data-theme="dark"] .ut-btn--ghost { color: var(--ink); }
html[data-theme="dark"] .ut-link { color: var(--dk-or); }

/* cards, panels, inputs */
html[data-theme="dark"] .ut-card, html[data-theme="dark"] .card, html[data-theme="dark"] .panel { background: var(--surface-raised); border-color: var(--line); }
html[data-theme="dark"] input, html[data-theme="dark"] select, html[data-theme="dark"] textarea,
html[data-theme="dark"] .field, html[data-theme="dark"] .ut-input {
  background: #110f17; color: var(--ink); border-color: rgba(255,255,255,.16);
}
html[data-theme="dark"] input::placeholder, html[data-theme="dark"] textarea::placeholder { color: #75707f; }
html[data-theme="dark"] input:focus, html[data-theme="dark"] select:focus, html[data-theme="dark"] textarea:focus { border-color: var(--dk-or); outline: 2px solid rgba(255,138,61,.35); outline-offset: 0; }
html[data-theme="dark"] select option { background: #16141d; color: var(--ink); }
html[data-theme="dark"] input[type="checkbox"], html[data-theme="dark"] input[type="radio"] { accent-color: var(--dk-or); }
html[data-theme="dark"] .ut-chip { background: var(--surface-raised); color: var(--ink); border-color: var(--line); }
html[data-theme="dark"] .ut-chip:hover, html[data-theme="dark"] .ut-chip.is-active, html[data-theme="dark"] .ut-chip[aria-pressed="true"] { border-color: var(--dk-or); color: #fff; }
html[data-theme="dark"] .ut-avatar { background: var(--dk-grad); color: #1a0d06; }
html[data-theme="dark"] .ut-badge { background: var(--surface-sunken); color: var(--ink); }
html[data-theme="dark"] .ut-badge--brand { background: var(--dk-grad); color: #1a0d06; }
html[data-theme="dark"] table { color: var(--ink); }
html[data-theme="dark"] hr { border-color: var(--line); }
html[data-theme="dark"] .flash { background: var(--surface-raised); color: var(--ink); border: 1px solid var(--line); }

/* event cards: lift + glow like the homepage */
html[data-theme="dark"] .ut-event, html[data-theme="dark"] .ut-feature { background: var(--surface-raised); border: 1px solid var(--line); transition: transform .3s, border-color .3s, box-shadow .3s; }
html[data-theme="dark"] .ut-event:hover, html[data-theme="dark"] .ut-feature:hover { transform: translateY(-5px); border-color: rgba(255,138,61,.45); box-shadow: 0 20px 40px rgba(0,0,0,.45), 0 0 30px rgba(255,110,60,.12); }

/* images on light placeholders */
html[data-theme="dark"] img { color: var(--ink-muted); }

/* ---------- header ---------- */
.dk-wrap { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.dk-nav { position: sticky; isolation: isolate; top: 0; z-index: 40; background: rgba(11,10,16,.72); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-bottom: 1px solid transparent; transition: background .3s, border-color .3s; }
.dk-nav.solid { background: rgba(11,10,16,.94); border-color: rgba(255,255,255,.08); }
.dk-nav .dk-wrap { display: flex; align-items: center; gap: 26px; height: 74px; }
.dk-logo { display: flex; flex-direction: column; line-height: 1; text-decoration: none; color: #f5f1ea; }
.dk-logo b { font: 800 25px/1 Poppins, sans-serif; letter-spacing: .01em; }
.dk-logo b span { color: #ff8a3d; }
.dk-logo small { font: 600 8px/1 Poppins, sans-serif; letter-spacing: .18em; color: #a9a3b4; margin-top: 5px; }
.dk-logo small i { color: #ff8a3d; font-style: normal; }
.dk-menu { display: flex; gap: 24px; margin-left: 14px; }
.dk-menu a { font: 500 13.5px/1 Poppins, sans-serif; color: #e6e1ea; padding: 8px 0; position: relative; text-decoration: none; }
.dk-menu a::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: linear-gradient(90deg,#ff9a3d,#ff5a5f); transform: scaleX(0); transition: transform .25s; }
.dk-menu a:hover::after, .dk-menu a.on::after { transform: scaleX(1); }
.dk-menu a.on { color: #fff; }
.dk-r { margin-left: auto; display: flex; gap: 10px; align-items: center; }
.dk-ic { display: grid; place-items: center; width: 36px; height: 36px; color: #f5f1ea; }
.dk-ic svg { width: 18px; height: 18px; }
.dk-btn { display: inline-flex; align-items: center; gap: 8px; height: 38px; padding: 0 18px; border-radius: 999px; font: 600 13px/1 Poppins, sans-serif; text-decoration: none; white-space: nowrap; border: 1.5px solid transparent; transition: transform .2s, box-shadow .2s, background .2s; }
.dk-btn:hover { transform: translateY(-2px); }
.dk-btn-p { background: linear-gradient(90deg,#ff9a3d,#ff5a5f); color: #1a0d06 !important; box-shadow: 0 8px 22px rgba(255,110,60,.32); }
.dk-btn-o { border-color: rgba(255,255,255,.55); color: #fff !important; }
.dk-btn-o:hover { background: rgba(255,255,255,.08); }
.dk-only-m { display: none !important; }
.dk-burger { display: none; background: none; border: 0; color: #fff; cursor: pointer; padding: 6px; }
.dk .acct summary { color: #f5f1ea; }
.dk .acct .menu { background: #16141d; border-color: rgba(255,255,255,.1); }
.dk .acct .menu a { color: #f5f1ea; }
.dk .acct .menu a:hover { background: #1f1c28; }
.dk .flashes { top: 90px; }

/* ---------- footer ---------- */
.dk-foot { margin-top: 72px; background: #08070c; border-top: 1px solid rgba(255,255,255,.08); padding: 34px 0 20px; font: 400 13px/1.5 Poppins, sans-serif; color: #f5f1ea; }
.dk-foot-top { display: flex; align-items: center; gap: 30px; flex-wrap: wrap; }
.dk-foot-links { display: flex; gap: 20px; flex-wrap: wrap; }
.dk-foot-links a { color: #e6e1ea; text-decoration: none; }
.dk-foot-links a:hover { color: #ff8a3d; }
.dk-news { margin-left: auto; display: flex; border: 1px solid rgba(255,255,255,.12); border-radius: 10px; overflow: hidden; }
.dk-news input { background: transparent !important; border: 0 !important; outline: 0 !important; color: #f5f1ea; padding: 0 14px; height: 42px; font: 400 13px Poppins, sans-serif; width: 230px; }
.dk-news button { width: 44px; border: 0; background: linear-gradient(90deg,#ff9a3d,#ff5a5f); color: #1a0d06; cursor: pointer; display: grid; place-items: center; }
.dk-foot-bot { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-top: 26px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.08); color: #a9a3b4; font-size: 12px; }
.dk-foot-bot a { color: #a9a3b4; }
.dk-wa { position: fixed; right: 20px; bottom: 20px; z-index: 60; width: 56px; height: 56px; border-radius: 50%; display: grid; place-items: center; background: #25d366; color: #fff !important; box-shadow: 0 10px 30px rgba(37,211,102,.4); transition: transform .2s; }
.dk-wa:hover { transform: scale(1.08); }
html[data-theme="dark"] .wa-chat { display: none; }

@media (max-width: 960px) {
  .dk-menu { display: none; position: absolute; top: 74px; left: 0; right: 0; z-index: 50; flex-direction: column; gap: 0; margin: 0; background: #0b0a10 !important; box-shadow: 0 20px 40px rgba(0,0,0,.6); border-bottom: 1px solid rgba(255,255,255,.08); padding: 6px 20px 14px; }
  .dk-menu.open { display: flex; }
  .dk-menu a { padding: 14px 0; border-bottom: 1px solid rgba(255,255,255,.07); }
  .dk-menu a::after { display: none; }
  .dk-burger { display: block; }
  .dk-menu .dk-only-m { display: block !important; color: #ff8a3d; }
  .dk-hide { display: none !important; }
  .dk-news { margin-left: 0; width: 100%; }
  .dk-news input { flex: 1; width: auto; }
}
@media (max-width: 480px) { .dk-btn-p { padding: 0 12px; font-size: 12px; } .dk-logo b { font-size: 22px; } .dk-logo small { white-space: nowrap; font-size: 6.5px; letter-spacing: .12em; } }

/* ---------- page heads (events, about, contact, membership…) ---------- */
html[data-theme="dark"] .page-hero { background: radial-gradient(700px 360px at 85% 0, rgba(255,110,50,.30), transparent 65%), radial-gradient(500px 300px at 100% 100%, rgba(255,60,110,.18), transparent 60%), linear-gradient(180deg, #13101a, #0b0a10); color: var(--ink); border-bottom: 1px solid var(--line); }
html[data-theme="dark"] .page-hero h1 { font-family: Poppins, sans-serif; font-weight: 800; text-transform: uppercase; letter-spacing: -.01em; }
html[data-theme="dark"] .page-hero .blob--a { background: radial-gradient(circle, rgba(255,120,60,.55), rgba(255,120,60,0) 70%); opacity: 1; filter: blur(10px); }
html[data-theme="dark"] .page-hero .blob--b { background: linear-gradient(90deg,#ff9a3d,#ff5a5f); opacity: .5; filter: blur(18px); }
html[data-theme="dark"] .page-hero .crumbs, html[data-theme="dark"] .crumbs a { color: var(--ink-muted); }
html[data-theme="dark"] .filters { background: rgba(22,20,29,.85); border-color: var(--line); backdrop-filter: blur(10px); }

/* ---------- singer registration page (its own inline styles) ---------- */
html[data-theme="dark"] .sr-hero { background: radial-gradient(700px 360px at 85% 0, rgba(255,110,50,.30), transparent 65%), linear-gradient(180deg,#13101a,#0b0a10); }
html[data-theme="dark"] .sr-hero h1 { font-family: Poppins, sans-serif; font-weight: 800; }
html[data-theme="dark"] .sr-eyebrow { color: var(--dk-or); }
html[data-theme="dark"] .sr-card { background: var(--surface-raised); border-color: var(--line); color: var(--ink); box-shadow: var(--shadow-card); }
html[data-theme="dark"] .sr-card h2 { font-family: Poppins, sans-serif; font-weight: 700; color: var(--ink); }
html[data-theme="dark"] .sr-sub, html[data-theme="dark"] .sr-f small, html[data-theme="dark"] .sr-card p { color: var(--ink-muted) !important; }
html[data-theme="dark"] .sr-f input, html[data-theme="dark"] .sr-f select, html[data-theme="dark"] .sr-f textarea { background: #110f17; color: var(--ink); border-color: rgba(255,255,255,.16); font-family: Poppins, sans-serif; }
html[data-theme="dark"] .sr-btn { background: var(--dk-grad); color: #1a0d06; box-shadow: 0 8px 22px rgba(255,110,60,.32); }
html[data-theme="dark"] .sr-btn--wa { background: #25d366; color: #fff; box-shadow: none; }
html[data-theme="dark"] .sr-steps b { background: var(--dk-grad); color: #1a0d06; font-family: Poppins, sans-serif; font-weight: 700; }
html[data-theme="dark"] .sr-check input { accent-color: var(--dk-or); }
html[data-theme="dark"] .sr-done .sr-code { background: var(--surface-sunken); color: var(--dk-or); }
html[data-theme="dark"] .sr-card a { color: var(--dk-or); }