@import url('https://fonts.googleapis.com/css2?family=Anuphan:wght@400;500;600;700;800&family=Kanit:wght@300;400;500;600;700;800&display=swap');

:root {
  --bg: #ffffff;
  --text: #111111;
  --card: #f5f5f5;
  --border: #dddddd;
  --primary: #2563eb;
}

[data-theme="dark"] {
  --bg: #0f172a;
  --text: #f8fafc;
  --card: #1e293b;
  --border: #334155;
  --primary: #60a5fa;
}

body {
  background: var(--bg);
  color: var(--text);
  margin: 0;
  font-family: 'Anuphan', Arial, Helvetica, sans-serif;
  line-height: 1.55;
}