:root {
  /* ── Colors ── */
  --color-bg:        #080808;
  --color-surface:   #111111;
  --color-surface2:  #181818;
  --color-primary:   #c8a96e;   /* 金 */
  --color-primary-dim: #8a6f3e;
  --color-text:      #e8e4dc;
  --color-text-muted:#7a7570;
  --color-border:    #1f1f1f;
  --color-white:     #ffffff;

  /* ── Typography ── */
  --font-display: 'Cormorant Garamond', serif;
  --font-body:    'Noto Serif JP', serif;
  --font-ui:      'Jost', sans-serif;

  /* ── Spacing ── */
  --sp-xs:  0.5rem;
  --sp-sm:  1rem;
  --sp-md:  2rem;
  --sp-lg:  4rem;
  --sp-xl:  8rem;
  --sp-2xl: 14rem;

  /* ── Motion ── */
  --ease-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:   cubic-bezier(0.4, 0, 1, 1);
  --dur-fast:  180ms;
  --dur-base:  400ms;
  --dur-slow:  900ms;

  /* ── Layout ── */
  --max-w: 1200px;
  --nav-h: 72px;
}