/* Brand pack huayna88 - GRAY + GOLD + BLACK (owner brief 13 Nov 2026): near-black page, graphite bars, charcoal cards with light text, warm metallic gold. The --red* tokens are colour slots (here graphite); error / negative stay red (--err, --neg-amt). Served as /static/theme.css after app.css. */
:root{--red:#3a3d43;--red-d:#212327;--red-dd:#0b0c0e;--gold:#d9b25f;--gold-d:#b08d3a;--gold-l:#f1dfa8;--cream:#17191c;--ink:#ece8dd;--muted:#a9adb4;--line:#3d4046;
 --red-hi:#2f3237;--red-deep:#050506;--red-bar:#17181b;--red-th:#2b2d32;--red-btn-hi:#4a4e55;--red-btn-lo:#2a2c31;--red-card:#2b2d32;
 --gold-text:#f4ead0;--foil-hi:#f1dc98;--foil-lo:#d4b061;--gold-ink:#2b2008;--card-hi:#25272c;
 --red-rgb:58,61,67;--red-d-rgb:33,35,39;--red-dd-rgb:11,12,14;--bg-top-rgb:44,47,53;--glow-rgb:96,100,108;--gold-rgb:217,178,95;--gold-d-rgb:176,141,58;--shadow-rgb:0,0,0;
 --nav-text:#d9d5ca;
 --foot-text:#b9bcc2;
 --hero-sub:#e3dfd3;
 --tint-1:#2c2a24;
 --tint-2:#35322a;
 --tint-2b:#312e27;
 --tint-3:#34312a;
 --tint-3b:#3a362d;
 --tint-0:#1f2124;
 --tint-0b:#202226;
 --tint-0c:#232529;
 --tint-4:#2d3035;
 --tint-5:#2a2c31;
 --paper:#1c1e22;
 --paper-2:#17191c;
 --ok:#4fc27b;
 --green:#3cb371;
 --green-d:#2a9a5c;
 --err:#ff6b63;
 --neg-amt:#ff8a82;
 --pattern:url("/static/brand/pattern.36ebf22461.svg")}
/* app.css hard-codes white for inputs, drawer, chips and a few buttons, and the balance card is a light-gold gradient; on a dark pack they become charcoal so the light --ink text stays readable */
.form input,.form select,.form textarea,.lbl input,.lbl select,.lbl textarea,.filter input,.filter select,.equal-row input,.slip input,.yk-shoot input,.cb-form textarea,.date-bar input{background:var(--paper-2);color:var(--ink);border-color:var(--line)}
.input-ic input,.input-ic select{background:transparent!important;color:var(--ink)}
::placeholder{color:var(--muted);opacity:1}
.drawer,.drawer-x,.date-pick,.grid100 button,.hundreds button,.totals span,.mclose,.cb-bot,.cb-chip,.cb-human,.btn-ghost-red,.btn-soft{background:var(--card-hi);color:var(--ink)}
.btn-green-o{background:var(--card-hi);color:var(--green)}
.cb-chip,.cb-human,.btn-ghost-red{border-color:var(--gold-d)}
.balance-card{background:linear-gradient(150deg,#2d2f35 0,#1a1b1f 60%,#111214 100%);border:1px solid rgba(var(--gold-rgb),.6)}
.auth-card .brand-big .brand-word{background:var(--foil)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent}
.bc-top,.bc-k,.bc-held{color:var(--muted)}.bc-user{color:var(--ink)}
.bc-amount{color:var(--gold-text);text-shadow:none}
.auth-links a{color:var(--gold)}
.tile:not(.tile-wide) .ic,.mcard-soon .ic,.slip .s-num,.num-big,.digit-boxes span.filled,.link-btn{color:var(--gold)}.input-ic .ic{color:var(--gold-d)}
.chosen,.bchip,.tbl tr:nth-child(even) td,.yk-sum tr.mine td,.msg-in,.recv-list .recv-many,.tile-soon,.slip li.rej{background:var(--tint-4);color:var(--ink)}
.keypad button{background:linear-gradient(180deg,var(--card-hi),var(--paper-2));color:var(--ink);box-shadow:0 2px 0 rgba(0,0,0,.5)}
.keypad .k-grey{color:#111}
.flash-info{background:var(--tint-1);color:var(--gold-l)}.flash-ok{background:#16382a;color:#8ee0ae}.flash-err{background:#3d1b1b;color:#ffb4ac}
.seg{background:#17382a;color:#8ee0ae}.seg+.seg{background:var(--tint-1);color:var(--gold-l)}.msg-out{background:#17382a;color:var(--ink)}
.mcard-soon,.og-card{background:var(--card-hi);color:var(--ink)}.grid100 button.closed{background:#3d1b1b;color:#ffb4ac}.bchip-closed{background:#3d1b1b;color:#ffb4ac}
.accept-help{color:var(--muted)}.accept-check{color:var(--ink)}
.tabs a{background:var(--card-hi);color:var(--ink);border:1px solid var(--line)}
.pill-dark{background:var(--red-btn-hi);color:#fff}
.btn-green-o,.auth-card .btn-green-o{background:transparent!important;color:var(--gold-l)!important;border-color:var(--gold)!important}
.sec-head .ic .cut{stroke:var(--gold-text)}
.panel-h,.dlg h3,.why-item b,.seo-markets b,.faq-item h3,.mcount,.pay-amount,.rc-first b,.rc-nums b,.accept-check,.mascot-text h2{color:var(--gold-l)}
.mascot-text p{color:var(--ink)}
.mascot-panel{background:linear-gradient(120deg,#2d2f35 0,#1a1b1f 55%,#111214 100%)!important;border:1px solid rgba(var(--gold-rgb),.55)!important}
.mascot-glow{background:radial-gradient(circle,rgba(var(--gold-rgb),.22) 0,rgba(var(--gold-rgb),0) 70%)}
/* Back office (body.admin): admin.css is built for a LIGHT page, so the dark pack's light text turned faint there (owner screenshot 13 Nov 2026).
   Put light-page values back for the back office only; the graphite bars + gold accents stay. */
body.admin{--cream:#f4f2ed;--ink:#1d1f23;--muted:#555a62;--line:#d9d4c8;--gold-text:#5c4510;--nav-text:#2a2c31;--foot-text:#555a62;--hero-sub:#2a2c31;
 --tint-1:#fbf3dc;--tint-2:#f7ecd0;--tint-2b:#f5e9c9;--tint-3:#f3e6c4;--tint-3b:#efe0b8;--tint-0:#f7f6f2;--tint-0b:#f4f3ef;--tint-0c:#f1f0eb;--tint-4:#eeece6;--tint-5:#f1efe9;
 --paper:#ffffff;--paper-2:#faf9f6;--card-hi:#ffffff;--ok:#1f7a4d;--err:#c0392b;--neg-amt:#c0392b;background:var(--cream);color:var(--ink)}
body.admin .flash-info{background:#fbf3dc;color:#5c4510}body.admin .flash-ok{background:#e3f4ea;color:#155c38}body.admin .flash-err{background:#fde8e6;color:#8f2a20}
body.admin .tabs a{background:#fff;color:var(--ink)}
body.admin .panel-h,body.admin .dlg h3,body.admin .mcount,body.admin .pay-amount{color:#5c4510}
/* Native <select> drop-down lists (bank list at sign-up, filters): the options open on the OS's white list, so the light --ink text was unreadable (owner screenshot 14 Nov 2026). */
select option,select optgroup{background:var(--paper-2);color:var(--ink)}
body.admin select option,body.admin select optgroup{background:#fff;color:#1d1f23}
/* app.css colours .btn-cream (ถอนเงิน) and .wact (wallet tiles) with --red-d, which is near-black graphite in this pack (owner screenshots 14 Nov 2026) */
.btn-cream{background:linear-gradient(180deg,var(--card-hi),var(--paper-2));color:var(--gold-l)}
.wact{color:var(--gold-l)}