:root {
  /* Colors - Light Theme */
  --color-bg-light: #F5F0EB;
  --color-text-light: #000000;
  --color-text-light-secondary: #6B5E56;

  /* Colors - Dark Theme */
  --color-bg-dark: #120A04;
  --color-text-dark: #F2EFEB;
  --color-text-dark-secondary: #B0A89E;

  /* Accent */
  --color-accent: #3C3530;
  --color-border-light: #D4CCC4;
  --color-border-dark: #3A322C;

  /* Header */
  --color-header-nav: #2C2420;
  --color-header-nav-dark: #F0E8E0;

  /* Fonts */
  --font-mincho: "Yu Mincho Medium", "游明朝体", "YuMincho", "游明朝", "Hiragino Mincho ProN", "HGS明朝E", serif;
  --font-mincho-demibold: "Yu Mincho Demibold", "游明朝体", "YuMincho", "游明朝", "Hiragino Mincho ProN", serif;

  /* Font Sizes */
  --text-xs: 0.6875rem;   /* 11px */
  --text-sm: 0.75rem;     /* 12px */
  --text-base: 0.875rem;  /* 14px */
  --text-lg: 1.25rem;     /* 20px */
  --text-xl: 1.375rem;    /* 22px */
  --text-2xl: 1.5rem;     /* 24px */
  --text-3xl: 1.75rem;    /* 28px */

  /* Line Heights */
  --leading-tight: 1.6;
  --leading-normal: 2.125; /* 34px / 16px */
  --leading-relaxed: 2.0;

  /* Spacing */
  --space-xs: 0.5rem;     /* 8px */
  --space-sm: 1rem;       /* 16px */
  --space-md: 1.5rem;     /* 24px */
  --space-lg: 2rem;       /* 32px */
  --space-xl: 3rem;       /* 48px */
  --space-2xl: 3rem;      /* 48px */
  --space-3xl: 6rem;      /* 96px */
  --space-4xl: 8rem;      /* 128px */
  --space-section: 7.5rem; /* 120px */

  /* Layout */
  --container-max: 1200px;
  --container-narrow: 800px;
  --container-text: 540px;
  --header-height: 80px;

  /* Transitions */
  --transition-fast: 0.6s ease;
  --transition-base: 0.4s ease;
  --transition-slow: 0.8s ease;
  --transition-very-slow: 1.2s ease;
}