/* ════════════════════════════════
   base.css — CSS variables + reset
   ════════════════════════════════ */

:root {
  --or:  #FF6B1A;
  --ord: #E84F00;
  --orl: #FF9148;
  --bg:  #0D1B35;
  --bg2: #122040;
  --card:#162444;
  --white: #fff;
  --muted: rgba(255,255,255,0.5);
  --avail: #16A34A;
  --sold:  #C0392B;
}

/* Light mode overrides */
body.light-mode {
  --bg:   #F4F6FB;
  --bg2:  #E8ECF5;
  --white:#1a1a2e;
  --muted:rgba(20,20,50,0.5);
}
body.light-mode .card          { border-color: rgba(255,107,26,0.18); }
body.light-mode .cat-item      { background: #fff; border-color: rgba(255,107,26,0.22); }
body.light-mode footer         { background: #E8ECF5; border-top-color: rgba(0,0,0,0.06); }
body.light-mode .announce-bar  { background: rgba(255,107,26,0.07); border-color: rgba(255,107,26,0.2); }
body.light-mode .ann-text      { color: var(--ord); }

/* Reset */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
* { scrollbar-width: none; -ms-overflow-style: none; }
*::-webkit-scrollbar { display: none; }
html { scroll-behavior: smooth; }
body {
  font-family: 'Noto Sans Lao', sans-serif;
  background: var(--bg);
  color: var(--white);
  min-height: 100vh;
  overflow-x: hidden;
}