:root {
  color-scheme: dark;

  --bg: #09090a;
  --bg-soft: #111113;
  --panel: #171719;
  --panel-raised: #1e1e21;
  --ink: #f7f4f2;
  --ink-soft: #c3bdba;
  --ink-muted: #8c8785;
  --line: rgba(247, 244, 242, 0.12);
  --line-strong: rgba(247, 244, 242, 0.24);

  --red: #db2c27;
  --red-bright: #f0443e;
  --red-deep: #9f1f1b;
  --on-red: #ffffff;
  --sand: #d8c6ac;

  --font-sans: "Pretendard Variable", Pretendard, "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif;
  --font-display: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  --wrap: 1240px;
  --gutter: clamp(20px, 4vw, 56px);
  --section: clamp(88px, 11vw, 156px);
  --radius: 24px;
  --cut: 22px;
  --header-h: 74px;

  --shadow: 0 26px 80px rgba(0, 0, 0, 0.34);
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}

@media (max-width: 760px) {
  :root {
    --header-h: 64px;
    --radius: 18px;
    --cut: 16px;
  }
}