:root {
  --bg: #0a0a0a;
  --bg-elevated: #1a1a1a;
  --bg-subtle: #141414;
  --text: #fafafa;
  --text-muted: #999999;
  --text-dim: #666666;
  --border: rgba(255, 255, 255, 0.08);
  --border-strong: rgba(255, 255, 255, 0.16);

  --font-sans: "Noto Sans JP", sans-serif;
  --font-display: "Space Grotesk", "Noto Sans JP", sans-serif;

  --header-h: 4rem;
  --max-width: 960px;
  --max-width-narrow: 640px;

  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;

  --transition: 0.3s ease;
}