:root {
  --color-white: #ffffff;
  --color-black: #000000;
  --color-accent: #ffd74d;
  --color-accent-hover: #e6c245;
  --color-kicker-light: #6b5600;
  --color-bg: #ffffff;
  --color-bg-dark: #000000;
  --color-bg-muted: #f5f5f5;
  --color-text: #000000;
  --color-text-inverse: #ffffff;
  --color-text-muted: #666666;
  --color-border: #e5e5e5;
  --color-border-dark: #333333;
  --font-body: "Manrope", "Noto Sans JP", system-ui, sans-serif;
  --font-display: "Outfit", "Noto Sans JP", system-ui, sans-serif;
  --container: 1200px;
  --header-h: 96px;
  --admin-bar-h: 0px;
  --radius: 8px;
  --radius-lg: 12px;
  --shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 12px 30px rgba(0, 0, 0, 0.12);
  --transition: 0.3s ease;
}