:root {
  --dj-c-red: #FF0000;
  --dj-c-black: #0A0A0A;
  --dj-c-pure:    #000000;
  --dj-c-900:     #111111;
  --dj-c-800:     #1A1A1A;
  --dj-c-700:     #222222;
  --dj-c-600:     #333333;
  --dj-c-500:     #444444;
  --dj-c-400:     #666666;
  --dj-c-300:     #888888;
  --dj-c-250:     #999999;
  --dj-c-200:     #CCCCCC;
  --dj-c-150:     #E5E5E5;
  --dj-c-100:     var(--dj-c-150);
  --dj-c-75:      #EEEEEE;
  --dj-c-50:      #F2F2F2;
  --dj-c-25:      #F5F5F5;
  --dj-c-15:      var(--dj-c-25);
  --dj-c-white:   #FFFFFF;
  --dj-c-bg: var(--dj-c-800);
  --dj-c-text: var(--dj-c-800);
  --dj-c-mute: var(--dj-c-400);
  --dj-c-soft: var(--dj-c-300);
  --dj-c-line: var(--dj-c-800);
  --dj-c-line-soft: var(--dj-c-150);
  --dj-c-bg-soft: var(--dj-c-25);
  --dj-hatch:      repeating-linear-gradient(135deg, transparent 0, transparent 4px, var(--dj-c-800) 4px, var(--dj-c-800) 5px);
  --dj-hatch-dark: repeating-linear-gradient(135deg, transparent 0, transparent 4px, var(--dj-c-500) 4px, var(--dj-c-500) 5px);
  --dj-hatch-soft: repeating-linear-gradient(135deg, transparent 0, transparent 7px, rgba(0,0,0,0.06) 7px, rgba(0,0,0,0.06) 8px);
  --dj-hatch-thick: repeating-linear-gradient(135deg, transparent 0, transparent 6px, var(--dj-c-800) 6px, var(--dj-c-800) 9px);
  --dj-font-sans: 'Inter', 'Noto Sans JP', 'Helvetica Neue', Arial, sans-serif;
  --dj-font-serif: 'Noto Serif JP', 'Hiragino Mincho ProN', 'Yu Mincho', serif;
  --dj-font-mono: 'JetBrains Mono', 'SF Mono', Menlo, Consolas, monospace;
  /* Interface and legacy hero roles intentionally retain their exact font stacks. */
  --dj-font-interface: 'Inter','Noto Sans JP',sans-serif;
  --dj-font-label: 'JetBrains Mono',monospace;
  --dj-font-hero: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;
  --dj-font-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif;
  --dj-font-code: ui-monospace, 'SF Mono', 'Cascadia Mono', Menlo, Consolas, monospace;
  --dj-space-2: 8px;
  --dj-control-size: 44px;
}