:root {
  color-scheme: dark;

  /* === Backgrounds === */
  --color-bg:        #2A2A2E;
  --color-surface:   #34343A;
  --color-surface-2: #3E3E46;

  /* === Text === */
  --color-text:       #F5F5F7;
  --color-text-muted: #A0A0A8;

  /* === Sage green accent === */
  --color-matcha:       #7AB87A;
  --color-matcha-light: #94CC94;

  /* === Borders === */
  --color-line:        #4A4A52;
  --color-line-strong: #5A5A64;

  /* === Backward-compat aliases (既存CSS用) === */
  --color-matcha-deep: var(--color-text);
  --color-accent:      var(--color-line-strong);

  /* === Typography === */
  --font-display: "Zen Kaku Gothic New", sans-serif;
  --font-body:    "Noto Sans JP", sans-serif;
  --font-mono:    "JetBrains Mono", monospace;

  /* === Spacing === */
  --space-section: clamp(3.5rem, 8vw, 6rem);

  /* === Radius === */
  --radius:    8px;
  --radius-sm: 5px;
}