/* 視覺 Token，來源：docs/web-design-reference.md 第一、二節。字型透過 index.html 的 <link> 載入，這裡只定義 var() 參照。 */

:root {
  --bg: #0e0d0f;
  --bg2: #141318;
  --bg3: #1c1a22;
  --bg4: #232129;
  --border: #2e2b38;
  --border2: #3d3948;
  --accent: #c8a97e;
  --accent2: #9b7ec8;
  --accent3: #6db8a0;
  --accent4: #c87e9b;
  --accent5: #7eb8d4;
  --text: #e8e2d8;
  --text2: #a89f94;
  --text3: #6b6460;

  --serif: 'Cormorant Garamond', Georgia, serif;
  --mono: 'DM Mono', monospace;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  height: 100%;
}

body {
  background: var(--bg);
  color: var(--text);
  font-family: var(--mono);
  overflow: hidden;
}

a {
  color: inherit;
}