/* Chuẩn Sâm Korea — base: tokens, resets, global elements, a11y helpers.
   Split from assets/site.css — see docs/SOURCE-AUDIT.md */

:root {
  --bg: #FAF3E3;
  --surface: #FFFCF6;
  --fg: #3A2618;
  --muted: #7C6650;
  --border: #E7D9B8;
  --accent: #B8863B;
  --accent-ink: #8A5F26;
  --accent-deep: #8B1E24;
  --accent-deep-dark: #6E1218;
  --shadow: 0 20px 50px -20px rgba(58, 38, 24, 0.35);
  --radius: 14px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
body {
  margin: 0;
  background: var(--bg);
  color: var(--fg);
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
h1, h2, h3, h4 {
  font-family: 'Playfair Display', 'Times New Roman', serif;
  font-weight: 700;
  margin: 0;
  line-height: 1.12;
  letter-spacing: -0.01em;
}
p { margin: 0; }
ul { margin: 0; padding: 0; list-style: none; }
button {
  font: inherit;
  cursor: pointer;
  background: none;
  border: none;
  -webkit-appearance: none;
  appearance: none;
  text-align: inherit;
  color: inherit;
}

/* ---------- focus states (keyboard) ---------- */
a:focus-visible, button:focus-visible, [tabindex]:focus-visible {
  outline: 2.5px solid var(--accent-deep);
  outline-offset: 3px;
  border-radius: 4px;
}

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }