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

:root {
  --or:  #4C1D95;
  --ord: #2E1065;
  --orl: #7C3AED;
  --bg:  #F5F3FF;
  --bg-2: #EEF3FF;
  --bg2: #EDE9FE;
  --card:#FFFFFF;
  --white: #241B3D;
  --muted: rgba(36,27,61,0.55);
  --avail: #16A34A;
  --sold:  #C0392B;
  --font-body: 'Noto Sans Thai', sans-serif;
  --font-head: 'Kanit', 'Noto Sans Thai', sans-serif;
}

/* 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; }
button, input, select, textarea {
  font-family: inherit;
}
body {
  font-family: var(--font-body);
  background: linear-gradient(160deg, var(--bg) 0%, var(--bg-2) 100%) fixed;
  color: var(--white);
  min-height: 100vh;
  overflow-x: hidden;
}
h1, h2, h3,
.logo-main, .hero h1, .title-txt, .sec-title,
.detail-header-name, .detail-title, .cat-page-back, .page-title {
  font-family: var(--font-head);
}