/* SITE 107 LOUNGE STANDARD NIGHT — design tokens
   配色: ネイビー #111827 / オフホワイト #F4F1EA / ブラス #B18B52 / ブルーグレー #59677A
   角丸は 8px の1種類のみ（0 = 角丸なし）。影は2段階まで。 */
:root {
  /* --- color --- */
  --navy:        #111827;
  --navy-deep:   #0C121E;
  --surface:     #18202F;
  --surface-2:   #212B3D;
  --ivory:       #F4F1EA;
  --brass:       #B18B52;
  --brass-light: #E0BC7E; /* 小さめ文字・リンク用（navy 上で 8.4:1） */
  --bluegray:    #59677A;

  --text:        var(--ivory);
  --text-muted:  #C3CAD4; /* navy 上で 10.6:1 */
  --text-note:   #9EA9B7; /* 注記用 navy 上で 7.0:1 */
  --line:        rgba(244, 241, 234, 0.16);
  --line-strong: rgba(244, 241, 234, 0.30);
  --focus:       #E0BC7E;

  --ok:      #7FBF8F;
  --warn:    #E5A76A;

  /* --- type --- */
  --font-en: "Manrope", "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  --font-ja: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;

  --fs-body:  1rem;      /* 16px */
  --fs-lead:  1.0625rem; /* 17px */
  --fs-note:  0.875rem;  /* 14px — 下限 */
  --fs-h1:    clamp(1.75rem, 1.1rem + 2.6vw, 2.75rem);
  --fs-h2:    clamp(1.375rem, 1.05rem + 1.4vw, 1.875rem);
  --fs-h3:    clamp(1.125rem, 1rem + 0.5vw, 1.3125rem);

  --lh-body: 1.75;
  --lh-tight: 1.35;

  /* --- space --- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 88px;

  /* --- layout --- */
  --wrap: 1200px;
  --gutter: 20px;
  --header-h: 72px;
  --ctabar-h: 56px;   /* 48〜56px の範囲。safe-area は .cta-bar 側で加算する */

  /* --- shape --- */
  --radius: 8px;
  --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.45);
  --shadow-2: 0 14px 34px rgba(0, 0, 0, 0.48);

  /* --- motion（1種類: fade-up のみ） --- */
  --dur: 480ms;
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}

@media (min-width: 768px) {
  :root { --gutter: 28px; }
}
@media (min-width: 1024px) {
  :root { --header-h: 80px; --gutter: 32px; }
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur: 1ms; }
}