/* デザイントークン(プリミティブ)
 *
 * このファイルは自動生成。手で編集しないこと。
 * 生成方法:
 *   node .claude/skills/figma-partial-catalog/scripts/build_tokens.js \
 *     primitives <global.tokens.json> > htdocs/lite/css/common/tokens.css
 *
 * Figmaのグローバルコレクション(色パレット / spacing / radius / typography)。
 * ゲスト向けに限らずアプリ全体で使う共通の値。
 *
 * 用途に紐付いた名前(セマンティック)は導線ごとに別ファイルで定義する。
 * 例: ゲスト向け → htdocs/lite/css/guest/tokens.css
 * コンポーネントCSSからは原則セマンティックを参照し、該当が無い場合のみここを直接参照する。
 */

:root {
  --color-orange-25: #FFFDFA;
  --color-orange-50: #FFF4E4;
  --color-orange-100: #FFE2BC;
  --color-orange-200: #FFD092;
  --color-orange-300: #FFBC6A;
  --color-orange-400: #FFAF51;
  --color-orange-500: #FEA145;
  --color-orange-600: #F89641;
  --color-orange-700: #F1873D;
  --color-orange-800: #E9793A;
  --color-orange-900: #DF6232;
  --color-yellow-50: #FFFFE5;
  --color-yellow-100: #FFFCB9;
  --color-yellow-200: #FFF69F;
  --color-yellow-300: #FEF17E;
  --color-yellow-400: #FCED5A;
  --color-yellow-500: #EEE41D;
  --color-yellow-600: #E3D810;
  --color-yellow-700: #CFC400;
  --color-yellow-800: #BAAD00;
  --color-yellow-900: #9A9100;
  --color-green-50: #ECF9E9;
  --color-green-100: #D1EFC9;
  --color-green-200: #B2E4A6;
  --color-green-300: #92D982;
  --color-green-400: #78D166;
  --color-green-500: #60C74D;
  --color-green-600: #52B745;
  --color-green-700: #3DA33B;
  --color-green-800: #278E31;
  --color-green-900: #006B20;
  --color-neutral-0: #FFFFFF;
  --color-neutral-50: #FAFAFA;
  --color-neutral-100: #F4F4F4;
  --color-neutral-200: #EDEDED;
  --color-neutral-300: #DEDEDE;
  --color-neutral-400: #BBBBBB;
  --color-neutral-500: #9C9C9C;
  --color-neutral-600: #737373;
  --color-neutral-700: #5F5F5F;
  --color-neutral-800: #404040;
  --color-neutral-900: #1F1F1F;
  --color-brown-50: #F9F5EC;
  --color-brown-100: #F2EEE4;
  --color-brown-200: #EAE5D8;
  --color-brown-300: #DBD5C6;
  --color-brown-400: #B9B2A0;
  --color-brown-500: #989181;
  --color-brown-600: #70695A;
  --color-brown-700: #5C5647;
  --color-brown-800: #3D382A;
  --color-brown-900: #1D1807;
  --spacing-0: 0px;
  --spacing-1: 4px;
  --spacing-2: 8px;
  --spacing-3: 12px;
  --spacing-4: 16px;
  --spacing-5: 20px;
  --spacing-6: 24px;
  --spacing-7: 28px;
  --spacing-8: 32px;
  --spacing-9: 36px;
  --spacing-10: 40px;
  --spacing-11: 44px;
  --spacing-12: 48px;
  --spacing-13: 52px;
  --spacing-14: 56px;
  --spacing-15: 60px;
  --spacing-16: 64px;
  --spacing-17: 68px;
  --spacing-18: 72px;
  --spacing-19: 76px;
  --spacing-20: 80px;
  --spacing-21: 84px;
  --spacing-22: 88px;
  --spacing-23: 92px;
  --spacing-24: 96px;
  --spacing-25: 100px;
  --spacing-30: 120px;
  --spacing-35: 140px;
  --spacing-40: 160px;
  --spacing-45: 180px;
  --spacing-50: 200px;
  --font-family-noto-sans-jp: "Noto Sans JP", sans-serif;
  --font-family-zen-kaku-gothic-new: "Zen Kaku Gothic New", sans-serif;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-size-2xs: 10px;
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-base: 16px;
  --font-size-lg: 18px;
  --font-size-xl: 20px;
  --font-size-2xl: 24px;
  --font-size-3xl: 30px;
  --font-size-4xl: 36px;
  --font-size-5xl: 48px;
  --font-size-6xl: 60px;
  --line-height-100: 1;
  --line-height-120: 1.2;
  --line-height-160: 1.6;
  --radius-0: 0px;
  --radius-1: 4px;
  --radius-2: 8px;
  --radius-3: 12px;
  --radius-4: 16px;
  --radius-5: 20px;
  --radius-6: 24px;
  --radius-7: 28px;
  --radius-8: 32px;
  --radius-9: 36px;
  --radius-10: 40px;
  --radius-11: 44px;
  --radius-12: 48px;
  --radius-13: 52px;
  --radius-14: 56px;
  --radius-15: 60px;
  --radius-16: 64px;
  --radius-17: 68px;
  --radius-18: 72px;
  --radius-19: 76px;
  --radius-20: 80px;
  --radius-3xl: 30px;
}