@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');

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

:root {
  --bg: #F9F8F6;
  --surface: #FFFFFF;
  --text: #18181B;
  --text-2: #71717A;
  --text-3: #A1A1AA;
  --border: #E4E4E7;
  --metric-bg: #F4F4F5;
  --radius: 10px;
  --max-content: 700px;
  --max-wide: 880px;

  /* ─── Figma design tokens ─────────────────────── */
  --primary: #100e0e;
  --secondary: #626262;
  --background: #fafafa;
  --border-light: rgba(0, 0, 0, 0.1);

  /* Typography scale */
  --font-h1-size: 32px;
  --font-h1-weight: 600;
  --font-h1-line-height: 1.2;
  --font-h1-tracking: -0.64px;

  --font-h2-size: 24px;
  --font-h2-weight: 600;
  --font-h2-line-height: 1.2;
  --font-h2-tracking: -0.48px;

  --font-h3-size: 18px;
  --font-h3-weight: 600;
  --font-h3-line-height: 24px;

  --font-body-size: 16px;
  --font-body-weight: 400;
  --font-body-line-height: 24px;
}

html {
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-family: 'Noto Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background: var(--bg);
  color: var(--text);
  line-height: 1.6;
  min-height: 100vh;
}

a {
  color: inherit;
}