:root {
  /* Colors - Sunny: オレンジ × 白 × 緑 × 水色 */
  --color-primary: #FFD89B;
  --color-primary-light: #FFF1D6;
  --color-accent: #E8893B;
  --color-accent-dark: #C46E1F;
  --color-green: #5FAD56;
  --color-green-light: #EDF7EC;
  --color-blue: #5BBAD5;
  --color-blue-light: #EAF6FA;
  --color-bg: #FFFFFF;
  --color-bg-soft: #EAF6FA;
  --color-bg-sub: #FFF1DC;
  --color-text: #2D2926;
  --color-text-light: #6B5D52;
  --color-white: #FFFFFF;
  --color-border: #E0E8E4;

  /* Fonts */
  --font-heading: 'Zen Maru Gothic', sans-serif;
  --font-body: 'Zen Maru Gothic', sans-serif;

  /* Spacing */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;

  /* Layout */
  --container-max: 1100px;
  --header-height: 72px;

  /* Border Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-full: 40px;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(45, 41, 38, 0.06);
  --shadow-md: 0 4px 12px rgba(45, 41, 38, 0.08);
  --shadow-lg: 0 8px 24px rgba(45, 41, 38, 0.1);

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