@font-face { font-family: "SungSans"; src: url("/fonts/SungSans-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "SungSans"; src: url("/fonts/SungSans-Bold.woff2") format("woff2"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Barlow Condensed"; src: url("/fonts/BarlowCondensed-Medium.woff2") format("woff2"); font-weight: 500; font-display: block; }
@font-face { font-family: "Barlow Condensed"; src: url("/fonts/BarlowCondensed-SemiBold.woff2") format("woff2"); font-weight: 600; font-display: block; }
@font-face { font-family: "Barlow Condensed"; src: url("/fonts/BarlowCondensed-Bold.woff2") format("woff2"); font-weight: 700; font-display: block; }

:root {
  --ink: #000000;
  --navy: #0a1a33;
  --navy-2: #10264a;
  --line: #22344f;
  --text: #f3f6fb;
  --muted: #8c9bb3;
  --accent: #1f6fe5;
  --go: #2bd46a;
  --rest: #ff4438;
  --prep: #ffb300;
  --num: "Barlow Condensed", "SungSans", sans-serif;
  --kr: "SungSans", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body { font-family: var(--kr); color: var(--text); background: var(--ink); -webkit-font-smoothing: antialiased; }
button, input, select, textarea { font: inherit; color: inherit; }
.num { font-family: var(--num); font-variant-numeric: tabular-nums; }
[hidden] { display: none !important; }