/* main.css */
/* =========================================================
   GLOBAL DESIGN TOKENS & BASE RULES
   ========================================================= */

:root {
  /* Environment */
  --bg: #f0f2f5;
  --text: #111;
  --muted: #666;

  /* Accents */
  --accent: #059669;
  --accent-soft: #10B981;
  --risk: #F59E0B;

  /* Layout */
  --max-width: 730px;
  --label-width: 110px;

  /* Spacing scale */
  --space-xs: 12px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 48px;
  --space-xl: 80px;
}

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

/* Smooth anchor scrolling */
html {
  scroll-behavior: smooth;
}

/* Base typography */
body {
  background: var(--bg);
  color: var(--text);
  font-family: 'Inter', sans-serif;
  font-size: 17px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;

  /* Offset for fixed nav */
  padding-top: 64px;
}

/* Base link styling (neutral by default) */
a {
  color: var(--text);
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Document-style link hover only */
section a:hover {
  color: var(--accent);
  text-decoration: underline;
}

/* Utility */
.muted {
  color: var(--muted);
}

/* EOF main.css */