/* =============================================================================
   PATCHWORK DEAD × TapNow LP — デザイントークン
   正典: ../DESIGN.md §2。実測値と手法はそちらを参照。ここでは値の宣言のみ行う。
   ========================================================================== */
:root {
  /* ---- Umber（地色・唯一のページ背景） ---- */
  --umber-950: #0D0A08;
  --umber-900: #17130F;
  --umber-850: #1D1712;
  --umber-800: #241D16;
  --umber-700: #2E251B;
  --umber-600: #453626;
  --umber-500: #6B5843;
  --umber-400: #8F7C63;
  --umber-300: #C9B49A;

  /* ---- Cream ---- */
  --cream-100: #FBF5E9;
  --cream-200: #F5ECDC;
  --cream-300: #EFE6D3;
  --cream-400: #DDD0B8;

  /* ---- Terracotta / Mustard / Coral ---- */
  --terra-700: #8D5E39;
  --terra-600: #B5735A;
  --terra-400: #D2A184;

  --mustard-700: #A9691C;
  --mustard-600: #C97C24;
  --mustard-500: #E3963A;
  --mustard-300: #F0C87E;

  --coral-700: #B5432D;
  --coral-600: #D8593F;
  --coral-500: #E8674A;
  --coral-300: #F2A78F;

  /* ---- Navy / Teal / Sage / Lavender・Haze / Sky ---- */
  --navy-900: #14213A;
  --navy-800: #1D2A3E;
  --navy-700: #28374F;
  --navy-500: #445576;

  --teal-700: #1F4A44;
  --teal-600: #2E6157;
  --teal-400: #6FA79B;

  --sage-500: #7EA08E;
  --sage-400: #B8CFC0;

  --lavender-400: #9AA0C4;
  --haze-300: #D4CFDD;
  --haze-400: #B4AFC4;
  --haze-500: #9494AA;
  --haze-600: #7C7C99;
  --haze-700: #5D5A72;

  --sky-400: #8FB8E8;
  --sky-200: #CBE0F5;

  /* ---- キャラクターアクセント（DESIGN.md §2.1 用途制限あり） ---- */
  --cast-nene:  #E8674A;
  --cast-luka:  #E86B1E;
  --cast-moru:  #B0432B;
  --cast-bram:  #2F5C8C;
  --cast-dom:   #3E6B4A;
  --cast-sally: #7A2E36;
  --cast-togo:  #3C4A53;
  --cast-gray:  #414A46;
  --cast-mold:  #6B3B52;

  /* ---- セマンティック ---- */
  --canvas:        var(--umber-900);
  --surface:       var(--umber-800);
  --surface-raised:var(--umber-700);
  --hairline:      var(--umber-600);
  --ink:           var(--cream-200);
  --ink-muted:     var(--umber-300);
  --ink-faint:     var(--umber-400);
  --accent:        var(--mustard-500);
  --accent-strong: var(--coral-500);
  --focus-ring:    var(--mustard-300);

  /* ---- タイポグラフィ ---- */
  --font-jp: "Hiragino Sans", "Yu Gothic UI", YuGothic, "Noto Sans JP", -apple-system, "Segoe UI", system-ui, sans-serif;
  --font-la: "Cormorant Garamond", "Optima", "Iowan Old Style", Palatino, Georgia, serif;
  --font-mono: ui-monospace, "SF Mono", "Cascadia Mono", "JetBrains Mono", monospace;

  --t-hero:    clamp(2.75rem, 11vw, 7.5rem);
  --t-display: clamp(2.1rem, 5.6vw, 4.25rem);
  --t-title:   clamp(1.375rem, 3vw, 2.25rem);
  --t-lead:    clamp(1.0625rem, 1.6vw, 1.25rem);
  --t-body:    1rem;
  --t-caption: 0.8125rem;
  --t-label:   0.6875rem;

  /* ---- 余白 / 角丸 / エレベーション ---- */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:24px;
  --s-6:32px; --s-7:48px; --s-8:64px; --s-9:96px; --s-10:128px;
  --r-sm:4px; --r-md:8px; --r-lg:16px; --r-pill:999px;

  --e-1: 0 1px 0 rgba(245,236,220,.07) inset;
  --e-2: 0 16px 36px -22px rgba(13,10,8,.85);
  --e-3: 0 36px 72px -36px rgba(13,10,8,.92);

  /* ---- モーション ---- */
  --dur-fast:160ms; --dur-base:400ms; --dur-slow:900ms; --dur-cine:1400ms;
  --ease-out: cubic-bezier(.16,1,.3,1);
  --ease-cine: cubic-bezier(.65,.05,.36,1);

  /* ---- z-index bands（DESIGN.md §2.5） ---- */
  --z-bg: 1;
  --z-tint: 12;
  --z-copy: 22;
  /* v24バグ修正で追加: --z-band はヒーロー帯（.hero-band）等、コピー層の上・
     ドロワーの下に出したいインタラクティブな帯用。--z-scrim はドロワーの
     nav-scrim 専用で、背景のページ内容は覆うが .site-header（--z-chrome）
     の子要素（ロゴ・BGM・閉じるボタン）は覆わないよう、chrome より下に置く。 */
  --z-band: 26;
  --z-scrim: 30;
  --z-chrome: 32;
  --z-overlay: 42;
}