:root {

  --bg:          #000000;
  --surface:     #12161d;
  --surface-2:   #181d26;
  --border:      #28303c;
  --border-soft: #1e2530;

  --text:        #e8ebf0;
  --text-muted:  #98a2b3;
  --text-faint:  #8b94a3;

  --accent:        #43b08a;
  --accent-strong: #54c79c;
  --accent-weak:   rgba(67, 176, 138, 0.14);

  --far:  #5d6470;
  --mid:  #b89150;
  --near: var(--accent);

  --danger: #d2685f;

  --font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,
               "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --font-mono: ui-monospace, "SF Mono", "Cascadia Code", "Roboto Mono", Consolas, monospace;

  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
  --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px;

  --r-sm: 2px; --r-md: 4px; --r-lg: 6px;

  --shadow-pop: 0 12px 32px rgba(0, 0, 0, 0.45);

  --maxw: 460px;
}