/* Reset + design tokens + typography */

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

:root {
  --black: #0a0a0a;
  --white: #ffffff;
  --g1: #f7f7f6;
  --g2: #e8e8e6;
  --g3: #c7c7c3;
  --g4: #8f8f8b;
  --g5: #4a4a47;
  --font-h: "Syne", sans-serif;
  --font-b: "DM Sans", sans-serif;
  --font-m: "JetBrains Mono", monospace;
}

[data-theme="dark"] {
  --black: #efefed;
  --white: #111110;
  --g1: #1c1c1a;
  --g2: #2c2c2a;
  --g3: #3d3d3b;
  --g4: #888884;
  --g5: #aeaead;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-b);
  background: var(--white);
  color: var(--black);
  font-size: 14px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}