:root {
  /* Colors */
  --color-primary: #1A1A1A;
  --color-accent: #D4A017;
  --color-accent-light: #F5C518;
  --color-accent-bg: #FFF8E1;
  --color-bg: #FFFDF5;
  --color-bg-dark: #1A1A1A;
  --color-white: #FFFFFF;
  --color-text: #333333;
  --color-text-light: #666666;
  --color-border: #E0E0E0;

  /* Layout */
  --max-width: 1440px;
  --content-width: 1200px;
  --content-padding: 0 120px;
  --header-height: 80px;
  --section-padding: 80px 0;

  /* Typography */
  --font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
  --font-family-en: 'Poppins', sans-serif;
  --font-size-base: 16px;
  --font-size-sm: 14px;
  --font-size-xs: 12px;
  --font-size-lg: 18px;
  --font-size-xl: 24px;
  --font-size-2xl: 32px;
  --font-size-section-title: 48px;

  /* Spacing */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 40px;
  --spacing-2xl: 60px;
  --spacing-3xl: 80px;

  /* Border Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-full: 50%;

  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;

  /* Shadows */
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.15);
}