/* ============================================================
 * Social Radar — Design Tokens
 * Source: solution-theme/demo16.html (Directory)
 * Light registry / discovery 컨셉
 * ============================================================ */

:root {
  /* ─── Ink ─── */
  --ink:        #0b0b0c;
  --ink-2:      #1f2024;
  --ink-3:      #3f4147;
  --muted:      #6b6e76;
  --muted-2:    #9a9ea7;
  --muted-3:    #c4c7cd;

  /* ─── Lines / Borders ─── */
  --line:       #ebecee;
  --line-2:     #f3f4f6;
  --line-soft:  #f7f8f9;

  /* ─── Surfaces ─── */
  --bg:         #f7f8fa;
  --bg-2:       #eef0f3;
  --surface:    #ffffff;
  --surface-2:  #fbfbfc;

  /* ─── Brand / Accent ─── */
  --accent:      #2a6df4;
  --accent-ink:  #1b53c2;
  --accent-soft: #e6efff;

  /* ─── Semantic ─── */
  --ok:         #16a34a;
  --ok-soft:    #e6f6ec;
  --warn:       #d97706;
  --warn-soft:  #fdf0dc;
  --crit:       #dc2626;
  --crit-soft:  #fde5e5;

  /* ─── Categorical ─── */
  --violet:      #7c3aed;
  --violet-soft: #efe8fe;
  --teal:        #0d9488;
  --teal-soft:   #d6f1ee;
  --bolt:        #3478f6;

  /* ─── Type ─── */
  --font-sans: 'Inter', 'Pretendard Variable', Pretendard, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
}

html, body {
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
  color: var(--ink);
  letter-spacing: -0.006em;
  font-feature-settings: "cv02","cv03","cv04","cv11";
}
body {
  background: var(--bg);
  min-height: 100vh;
}