:root {
  /* Background */
  --bg-primary: #FFFFFF;
  --bg-secondary: #F7F7F8;
  --bg-tertiary: #EFEFF1;

  /* Border */
  --border-subtle: #E1E1E5;
  --border-default: #C7C7CC;

  /* Text */
  --text-primary: #18181B;
  --text-secondary: #52525B;
  --text-tertiary: #A1A1AA;

  /* Accent */
  --accent: #0E7C86;
  --accent-hover: #0A6068;
  --accent-bg: #E6F4F5;

  /* Score gradient (0~100) */
  --score-0: #8A8F98;
  --score-40: #64748B;
  --score-60: #0E7C86;
  --score-80: #047857;
  --score-100: #2563EB;

  /* Semantic */
  --success: #047857;
  --warning: #D97706;
  --error: #B91C1C;
  --info: #0369A1;

  /* Map */
  --map-base: #F7F7F8;
  --map-water: #E0F2FE;
  --map-border: #C7C7CC;
  --map-hotspot: #FBBF24;

  /* Radius */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;

  /* Shadow */
  --shadow-card: 0 1px 2px rgba(0,0,0,.04), 0 1px 1px rgba(0,0,0,.02);
  --shadow-drawer: 0 24px 48px rgba(0,0,0,.12), 0 0 0 1px rgba(0,0,0,.04);

  /* Font */
  --font-sans: "Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}

html,
body {
  margin: 0;
  padding: 0;
  background: var(--bg-primary);
  color: var(--text-primary);
  font-family: var(--font-sans);
  font-size: 14px;
  line-height: 20px;
  font-feature-settings: "tnum" 1, "ss01" 1;
  -webkit-font-smoothing: antialiased;
}

.tnum {
  font-variant-numeric: tabular-nums;
}