/* DROBE members app — theme v2 (2026-10-18, v12 restyle).
   Type: Big Shoulders Display (display, echoes the DROBE STOGIES lettering) + Instrument Sans (text).
   Dark = member-facing (card, door, join, pass). Light = staff tools (services, owner, payroll, manage).
   Pages still declare the old token names (--black, --panel, --gold, …); the values are new. */
:root{
  --black:#0F0E0C; --panel:#16140F; --panel2:#0F0E0C; --line:#3A362E; --line2:#2A2720;
  --gold:#C8A24C; --gold-soft:#D9B65E; --gold-deep:#A98738; --on-gold:#0F0E0C;
  --cream:#EEE6D4; --muted:#9B9383; --hi:#F4EEDF; --field:#16140F;
  --ok:#2E9B63; --no:#B5553A; --ok-t:#7FD6A3; --no-t:#E7A09B;
  --display:'Big Shoulders Display', 'Arial Narrow', sans-serif; --text:'Instrument Sans', system-ui, sans-serif;
  color-scheme: dark;
}
html[data-theme="light"]{
  --black:#ECE9E1; --panel:#FFFFFF; --panel2:#F4F2EC; --line:#C9C3B5; --line2:#E4DFD3;
  --gold:#8A6A12; --gold-soft:#A07C1C; --gold-deep:#6E5410; --on-gold:#FFFFFF;
  --cream:#16140F; --muted:#5F5A4F; --hi:#16140F; --field:#FFFFFF;
  --ok:#1E6B45; --no:#A3352C; --ok-t:#1E6B45; --no-t:#A3352C;
  color-scheme: light;
}
/* Stays dark in both themes: the card face and the door's verdict flash. */
html[data-theme="light"] .card, html[data-theme="light"] .flash{
  --black:#0F0E0C; --panel:#16140F; --panel2:#0F0E0C; --line:#3A362E; --line2:#2A2720;
  --gold:#C8A24C; --gold-soft:#D9B65E; --gold-deep:#A98738; --on-gold:#0F0E0C;
  --cream:#EEE6D4; --muted:#9B9383; --hi:#F4EEDF; --field:#16140F; --ok-t:#7FD6A3; --no-t:#E7A09B;
}
html[data-theme="light"] .card{ color:var(--cream); }
html[data-theme="light"] .modal{ background:rgba(22,20,15,.45); }
html[data-theme="light"] tbody tr:hover{ background:rgba(138,106,18,.06); }

/* v12 base: square corners, no washes, no entrance motion */
body{ font-family:var(--text); }
body::before{ display:none !important; }
h1,h2,h3,.b,.greet,.name,.verdict,.stat .v,.mbox .v,.statbox .v{ font-family:var(--display) !important; text-transform:uppercase; letter-spacing:.01em; }
.greet span{ color:var(--gold); }
.greet,.name,.verdict{ animation:none !important; }
*,*::before,*::after{ animation-duration:0s !important; }
.theme-toggle{ position:fixed; right:14px; bottom:14px; z-index:45; width:44px; height:44px; border-radius:0;
  display:grid; place-items:center; cursor:pointer; background:var(--panel); color:var(--hi); border:1px solid var(--line); font-size:18px; line-height:1; padding:0; }
.theme-toggle svg{ width:19px; height:19px; }
@media print{ .theme-toggle{ display:none; } }

/* role band: the first thing on every staff screen */
html[data-theme="light"] body.role-owner{ border-top:8px solid #C8A24C; }
html[data-theme="light"] body.role-services{ border-top:8px solid #16140F; }
body.role-door{ border-top:8px solid #2E9B63; }