/* ============================================
   CSS Custom Properties — カラー・フォント・spacing
   ============================================ */

:root {
  /* Colors */
  --color-bg-main: #0a0a0a;
  --color-bg-alt: #111111;
  --color-accent: #e63946;
  --color-accent-glow: #ff1744;
  --color-text: #f5f5f5;
  --color-text-sub: #999999;
  --color-border: #333333;
  --color-bg-card: #1a1a1a;

  /* Fonts */
  --font-heading: 'Oswald', sans-serif;
  --font-body: 'Noto Sans JP', sans-serif;

  /* Spacing */
  --section-padding: 100px 0;
  --container-width: 1200px;
  --container-padding: 0 24px;

  /* Header */
  --header-height: 80px;
  --header-height-shrink: 56px;

  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-base: 0.3s ease;
  --transition-slow: 0.6s ease;

  /* Shadows */
  --shadow-glow: 0 0 20px rgba(230, 57, 70, 0.4);
  --shadow-glow-strong: 0 0 40px rgba(255, 23, 68, 0.6);
  --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.4);

  /* Border Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
}