/* ========================================
   Design Tokens - Figma変数定義
   ======================================== */

:root {
  /* --- Colors --- */
  --color-white: #ffffff;
  --color-text: #4d4d4d;
  --color-gold-1: #efe4d6;
  --color-gold-2: #e4d0ba;
  --color-gold-accent: #bdab96;
  --color-gold-dark: #d8a692;
  --color-grey-placeholder: #a5a5a5;

  /* --- Fonts --- */
  --font-serif-jp: 'Noto Serif JP', serif;
  --font-sans-jp: 'Noto Sans JP', sans-serif;
  --font-en-serif: 'Amiri', serif;
  --font-en-sans: 'Golos Text', sans-serif;
  --font-en-futura: 'Futura', 'Century Gothic', sans-serif;

  /* --- Font Sizes --- */
  --font-size-10: 1rem;
  --font-size-11: 1.1rem;
  --font-size-12: 1.2rem;
  --font-size-13: 1.3rem;
  --font-size-14: 1.4rem;
  --font-size-15: 1.5rem;
  --font-size-16: 1.6rem;
  --font-size-18: 1.8rem;
  --font-size-20: 2rem;
  --font-size-24: 2.4rem;
  --font-size-26: 2.6rem;
  --font-size-30: 3rem;
  --font-size-32: 3.2rem;
  --font-size-36: 3.6rem;
  --font-size-38: 3.8rem;
  --font-size-68: 6.8rem;

  --color-bg-pc: #f1ece4;

  /* --- Z-index --- */
  --z-header: 100;
  --z-reservation-btn: 90;
  --z-overlay: 50;
}