:root {
  --bg: #030510;

  /* 방의 깊이. js/config.js 의 CONFIG.scene.depth 와 같은 값이어야 합니다. */
  --room-depth: 700px;
  --grid: 90px;

  /* 유리 상자 치수. js/config.js 의 CONFIG.box 와 같은 값이어야 합니다.
     한쪽만 바꾸면 6면이 어긋납니다. */
  --box-w: 210px;
  --box-h: 176px;
  --box-d: 140px;

  --glass-tint: rgba(9, 14, 30, .52);
  --glass-tint-front: rgba(9, 14, 30, .8);
  --glass-edge: rgba(175, 200, 250, .42);
  --glass-edge-top: rgba(185, 210, 255, .45);
  --glass-edge-bottom: rgba(168, 193, 247, .32);
  --glass-edge-back: rgba(170, 195, 250, .32);
  --glass-edge-front: rgba(198, 218, 255, .52);

  --text-title: #F5F8FF;
  --text-desc: #CCD7F0;
  --text-no: rgba(190, 210, 250, .3);
  --link: #F5F8FF;
  --link-hover: #ffffff;
  --link-repo: #F5F8FF;
  --focus: #CFDDFB;

  --glow-title: 0 0 20px rgba(180, 210, 255, .6), 0 0 42px rgba(150, 190, 255, .3);
  --glow-desc: 0 0 14px rgba(165, 195, 252, .45);

  --font-ui: 'Outfit', 'IBM Plex Sans KR', sans-serif;
  --font-ko: 'IBM Plex Sans KR', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
}