/* =============================================
   CSS VARIABLES
   ============================================= */
:root {
  --color-black: #111111;
  --color-text: #333333;
  --color-muted: #666666;
  --color-border: #E6E8EC;
  --color-bg: #FFFFFF;
  --color-bg-soft: #F8F9FB;
  --color-yellow: #FFC400;
  --color-yellow-hover: #e6b000;
  --color-yellow-light: #FFF8E0;
  --color-orange: #FF7A1A;
  --color-pink: #FF4F93;
  --color-blue: #00A6E8;
  --color-purple: #A36BFF;
  --color-green: #22B573;
  --radius-card: 24px;
  --radius-btn: 999px;
  --container: 1200px;
  --header-h: 78px;
  --font-ja: 'Noto Sans JP', sans-serif;
  --font-en: 'Poppins', 'Inter', sans-serif;
  --font-hand: 'Caveat', cursive;
}