:root{
  --bg:#ffffff;
  --fg:#0b1220;
  --muted:#556070;
  --border:#e6e8ee;
  --soft:#f6f7fb;
  --accent:#2563eb;
  --accent2:#0ea5e9;

  --shadow:0 10px 30px rgba(2,6,23,.08);
  --radius:14px;

  /* ✅ 과하지 않게 넓게(권장) */
  --maxw: 1320px;
  --content: 900px;
  --sidebar: 400px;

  --font: 18px;
  --lh: 1.8;

  /* spacing scale */
  --gap-1: 8px;
  --gap-2: 12px;
  --gap-3: 16px;
  --gap-4: 20px;
  --gap-5: 28px;
}

[data-theme="dark"]{
  --bg:#0b1220;
  --fg:#e7eefc;
  --muted:#9fb0c6;
  --border:#1f2a3a;
  --soft:#0f172a;
  --shadow:0 10px 30px rgba(0,0,0,.35);
  --accent:#60a5fa;
  --accent2:#38bdf8;
}

*{ box-sizing:border-box; }
html, body{ height:100%; }
body{
  margin:0;
  background:var(--bg);
  color:var(--fg);
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";
  font-size: var(--font);
  line-height: var(--lh);
}

a{ color:inherit; }
img{ max-width:100%; height:auto; display:block; }

/* Utility */
.u-muted{ color:var(--muted); }
.u-hide{ display:none !important; }