/* ============================================================
   Boxoffix — shared DARK THEME (navy + gold night mode).
   Linked on every page; activated by html[data-theme="dark"].
   Canonical palette matches the homepage final version.
   ============================================================ */
html[data-theme="dark"]{
  --bg:#030509;            /* darkest navy — near black */
  --cream-deep:#070C16;    /* raised navy surface */
  --ink:#CBD1DC;           /* soft off-white text */
  --ink-soft:#78859B;      /* muted slate-blue */
  --tan:#CBA45C;           /* gold accent */
  --tan-deep:#B48B44;      /* deep gold */
  --tan-light:#0A1220;     /* subtle surface tint */
  --maroon:#D08AA0;        /* soft rose accent */
  --accent:#E7A24C;        /* warm gold on-sale */
  --paper:#05090F;         /* card navy */
  --cx-pale:#010306;       /* deepest */
  --line:#16212F;          /* subtle border */
  color-scheme:dark;
}

/* deep-navy gradient + faint gold corner waves (fixed backdrop) */
html[data-theme="dark"] body{
  background-color:#030509 !important;
  background-image:
    url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='1440' height='900' preserveAspectRatio='xMidYMid slice'><g fill='%23070e1c' fill-opacity='0.55'><path d='M1440 0C1230 110 1338 330 1440 402L1440 0Z'/><path d='M0 900C226 786 150 560 0 500L0 900Z'/></g><g fill='none' stroke='%23C9A45C' stroke-opacity='0.08' stroke-width='1.2'><path d='M1440 10C1205 122 1322 320 1440 386'/><path d='M1440 -28C1120 96 1276 346 1440 434'/><path d='M0 890C246 768 158 556 0 512'/><path d='M0 930C300 800 206 540 0 470'/></g></svg>"),
    radial-gradient(130% 100% at 50% 18%, #060C18 0%, #03060E 50%, #010306 100%) !important;
  background-repeat:no-repeat,no-repeat !important;
  background-size:cover,cover !important;
  background-position:center,center !important;
  background-attachment:fixed,fixed !important;
  color:var(--ink);
}

/* wordmark legible on navy (box → soft white, ffix → gold) */
html[data-theme="dark"] .bxl .bxl-box{color:#CBD1DC;}
html[data-theme="dark"] .bxl .bxl-ffix{color:#CBA45C;}

/* header bar (info pages) — gold hairline instead of hard ink line */
html[data-theme="dark"] header.bar{background:rgba(6,12,24,.85);border-bottom-color:rgba(203,164,92,.22);}
html[data-theme="dark"] .navlink{color:var(--ink);}

/* full site footer (contact / partner / privacy / terms) */
html[data-theme="dark"] .site-footer{background:linear-gradient(180deg,#060C18,#020408) !important;box-shadow:inset 0 1px 0 rgba(203,164,92,.14);}
html[data-theme="dark"] .site-footer .foot-app-h{color:#CBD1DC;}
html[data-theme="dark"] .foot-col a{color:#9aa3b5;}
html[data-theme="dark"] .foot-col a:hover{color:#fff;}

/* one-line brand footer (event / cart / order pages use <footer>) */
html[data-theme="dark"] footer{background:linear-gradient(180deg,#050A15,#020408) !important;color:var(--ink) !important;border-top-color:rgba(203,164,92,.18) !important;}
html[data-theme="dark"] footer a{color:var(--ink-soft) !important;}

/* form controls */
html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select{background:#070C16;color:var(--ink);border-color:rgba(203,164,92,.28);}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{color:#5f6b80;}
html[data-theme="dark"] input:focus,
html[data-theme="dark"] textarea:focus,
html[data-theme="dark"] select:focus{border-color:var(--tan);box-shadow:none;}

/* text selection */
html[data-theme="dark"] ::selection{background:var(--tan);color:#03060E;}

/* the theme toggle button (moon/sun) shared across pages */
#themeTog{background:none;border:1.5px solid rgba(0,0,0,.18);color:inherit;width:38px;height:38px;border-radius:50%;display:inline-grid;place-items:center;cursor:pointer;position:relative;transition:background .18s ease,transform .15s ease,border-color .18s ease;}
#themeTog:hover{transform:rotate(15deg);}
html[data-theme="dark"] #themeTog{border-color:rgba(203,164,92,.35);}
#themeTog .ico-moon,#themeTog .ico-sun{transition:transform .4s cubic-bezier(.22,.61,.36,1),opacity .25s ease;position:absolute;}
html:not([data-theme="dark"]) #themeTog .ico-sun{opacity:0;transform:rotate(-90deg) scale(.4);}
html:not([data-theme="dark"]) #themeTog .ico-moon{opacity:1;transform:rotate(0) scale(1);}
html[data-theme="dark"] #themeTog .ico-sun{opacity:1;transform:rotate(0) scale(1);color:var(--tan);}
html[data-theme="dark"] #themeTog .ico-moon{opacity:0;transform:rotate(90deg) scale(.4);}