:root {
  /* Gyeongju · Silla night stone */
  --ink: #14181f;
  --ink-soft: #2a3140;
  --mist: #e7eef4;
  --paper: #f5f7f9;
  --stone: #6b7380;
  --stone-light: #a8b0bc;
  --gold: #c4a035;
  --gold-bright: #e8c85a;
  --gold-deep: #8a7020;
  --teal: #2f6f6a;
  --teal-soft: #d5ebe8;
  --heung: #f0c94d;
  --danger: #c45c4a;
  --ok: #3d8b6e;

  --bg: var(--mist);
  --fg: var(--ink);
  --accent: var(--gold);
  --accent-text: #1a1508;

  --radius-sm: 10px;
  --radius: 16px;
  --radius-lg: 24px;
  --radius-pill: 999px;

  --shadow-soft: 0 12px 40px rgba(20, 24, 31, 0.12);
  --shadow-float: 0 20px 50px rgba(20, 24, 31, 0.18);

  --font-ui: "Pretendard", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;
  --font-display: "Noto Serif KR", "Apple SD Gothic Neo", serif;
  --font-game: "Pretendard", sans-serif;

  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  /* 상단은 상태바/노치 여유, 하단은 inset 우선(과도한 흰 여백 방지) */
  --safe-top-gap: max(52px, calc(var(--safe-top) + 12px));
  --safe-bottom-gap: max(10px, var(--safe-bottom));
  --tabbar-pad-bottom: calc(6px + var(--safe-bottom-gap));
  --nav-h: 58px;
  --header-h: 56px;

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
}