/* ============================================================
   variables.css  ―  Peace of take / Night Lounge Secret Ticket
   ============================================================ */

:root {
  /* --- カラー ------------------------------------------------ */
  --color-bg:           #10100f;
  --color-surface:      #191816;
  --color-text:         #f4efe4;
  --color-text-muted:   #aaa093;
  --color-accent:       #c8a96a;
  --color-accent-2:     #ff7aa8;
  --color-border:       rgba(244, 239, 228, .13);
  --color-badge-bg:     #c8a96a;
  --color-badge-text:   #151310;

  /* --- 追加ニュアンスカラー ---------------------------------- */
  --color-night:        #10100f;
  --color-ink:          #151310;
  --color-wine:         #4b1f24;
  --color-brass:        #c8a96a;
  --color-cream:        #f4efe4;
  --color-smoke:        #25221e;
  --color-neon-pink:    #ff7aa8;
  --color-neon-blue:    #8ea7ff;
  --color-neon-purple:  #b98cff;
  --color-shadow:       rgba(0, 0, 0, .42);

  /* --- タイポグラフィ ----------------------------------------- */
  --font-base: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", system-ui, sans-serif;
  --font-display: "Noto Serif JP", "Yu Mincho", "Hiragino Mincho ProN", serif;

  --fs-hero:    clamp(3rem, 13vw, 8rem);
  --fs-h2:      clamp(1.65rem, 5.8vw, 3rem);
  --fs-h3:      1.25rem;
  --fs-body:    clamp(1rem, 2.5vw, 1.06rem);
  --fs-small:   .82rem;
  --lh-base:    1.95;

  /* --- レイアウト --------------------------------------------- */
  --maxw:        1040px;
  --gutter:      clamp(20px, 5vw, 40px);
  --section-gap: clamp(72px, 14vw, 140px);
  --radius:      24px;
  --radius-sm:   14px;

  /* --- 効果 --------------------------------------------------- */
  --shadow:      0 28px 90px var(--color-shadow);
  --shadow-soft: 0 16px 48px rgba(0, 0, 0, .26);
  --transition:  .28s cubic-bezier(.22, 1, .36, 1);
}