/* ============================================
   Base Reset & Theme Tokens
   ============================================ */

/* Self-hosted fonts for offline/consistent rendering */
@font-face {
  font-family: "Gowun Batang";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Gowun Batang"), url("../assets/fonts/ijwSs5nhRMIjYsdSgcMa3wRhXA.ttf") format("truetype");
}

@font-face {
  font-family: "Gowun Batang";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Gowun Batang Bold"), local("Gowun Batang 700"), url("../assets/fonts/ijwNs5nhRMIjYsdSgcMa3wRZ4J7awg.ttf") format("truetype");
}

@font-face {
  font-family: "Noto Serif KR";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Noto Serif KR Light"), local("Noto Serif KR 300"), url("../assets/fonts/3JnoSDn90Gmq2mr3blnHaTZXbOtLJDvui3JOnci4eM52.ttf") format("truetype");
}

@font-face {
  font-family: "Noto Serif KR";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Noto Serif KR Regular"), local("Noto Serif KR 400"), url("../assets/fonts/3JnoSDn90Gmq2mr3blnHaTZXbOtLJDvui3JOncjmeM52.ttf") format("truetype");
}

/* Reset & base */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  --font-ui: "Courier New", "Gowun Batang", monospace, serif;
  --font-writing: "Courier New", "Noto Serif KR", monospace, serif;

  --radius-card: 12px;
  --radius-modal: 0px;
  --ui-scale: 100%;
  --layout-width: 700px;

  --bg-primary: #fafafa;
  --bg-secondary: #ffffff;
  --bg-tertiary: #f5f5f5;

  --text-primary: #2c2c2c;
  --text-secondary: #666666;
  --text-tertiary: #999999;
  --text-placeholder: #bbbbbb;

  --border-light: #e0e0e0;
  --border-medium: #d0d0d0;
  --border-dark: #999999;

  --accent-dark: #2c2c2c;
  --accent-black: #000000;
}

html[data-theme="dark"] {
  --bg-primary: #1a1a1a;
  --bg-secondary: #242424;
  --bg-tertiary: #333333;

  --text-primary: #e8e8e8;
  --text-secondary: #b0b0b0;
  --text-tertiary: #808080;
  --text-placeholder: #505050;

  --border-light: #333333;
  --border-medium: #4a4a4a;
  --border-dark: #606060;

  --accent-dark: #d4d4d4;
  --accent-black: #ffffff;
}

body {
  font-family: var(--font-ui);
  background: var(--bg-primary);
  color: var(--text-primary);
  line-height: 1.6;
  transition: background-color 0.3s ease, color 0.3s ease;
}

a,
a:visited {
  color: inherit;
}