/* デザイントークン(ゲスト向けのセマンティック)
 *
 * このファイルは自動生成。手で編集しないこと。
 * 生成方法:
 *   node .claude/skills/figma-partial-catalog/scripts/build_tokens.js \
 *     semantics <global.tokens.json> <guest.tokens.json> > htdocs/lite/css/guest/tokens.css
 *
 * Figmaのguestコレクション。用途に紐付いた名前で、値はプリミティブを参照する。
 * **プリミティブ(htdocs/lite/css/common/tokens.css)を先に読み込むこと。**
 *
 * ゲスト向けのコンポーネントCSSからは原則こちらを参照する。
 */

:root {
  --guest-color-text-default: var(--color-brown-700);           /* #5C5647 */
  --guest-color-text-mid-brown: var(--color-brown-600);         /* #70695A */
  --guest-color-text-white: var(--color-neutral-0);             /* #FFFFFF */
  --guest-color-text-orange: var(--color-orange-600);           /* #F89641 */
  --guest-color-button-default: var(--color-orange-600);        /* #F89641 */
  --guest-color-button-white: var(--color-neutral-0);           /* #FFFFFF */
  --guest-color-background-default: var(--color-orange-50);     /* #FFF4E4 */
  --guest-color-background-pale-orange: var(--color-orange-25); /* #FFFDFA */
  --guest-color-background-white: var(--color-neutral-0);       /* #FFFFFF */
  --guest-color-background-header: #FFFDFAE5;                   /* パレットに同じ値が無く、プリミティブへ紐付けられなかった */
  --guest-color-border-orange: var(--color-orange-600);         /* #F89641 */
  --guest-color-border-light-orange: var(--color-orange-50);    /* #FFF4E4 */
  --guest-color-border-light-brown: var(--color-brown-300);     /* #DBD5C6 */
  --guest-color-border-white: var(--color-neutral-0);           /* #FFFFFF */
  --guest-color-tag-orange: var(--color-orange-400);            /* #FFAF51 */
  --guest-color-tag-green: var(--color-green-400);              /* #78D166 */
  --guest-color-tag-white: var(--color-neutral-0);              /* #FFFFFF */
}