/* Colors, fonts and resets shared by every page. */
:root {
  --bg: #111317;
  --bg-deep: #0b0c0f;
  --card: #1b1e24;
  --card-line: #2a2e36;
  --line: #2f333b;
  --fg: #e8e9eb;
  --muted: #a3a9b3;
  --gold: #f5b301;
  --gold-dark: #a87800;
  --refine-hi: #ff6b6b;
  --option: #c9b6ff;
  --option-bg: #2a2340;
  --card-slot: #f08a4b;
  --warn: #ff9b6b;
  --radius: 10px;
  --font: Prompt, 'Noto Sans Thai', system-ui, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--bg);
  color: var(--fg);
  font-family: var(--font);
  font-size: 14px;
  line-height: 1.4;
}

button, input, select { font: inherit; color: inherit; }
button { cursor: pointer; }
[hidden] { display: none !important; }

:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }