/* ==========================================================================
   Nexia — "Signal in the Dark"  Design Tokens
   ========================================================================== */
:root {
  /* --- Palette(ロゴの4枚ペタルから採色) --- */
  --bg:        #0B0E17;  /* 深夜のネイビー */
  --surface:   #131A2B;  /* 群青の面 */
  --surface-2: #1A2236;  /* 面の持ち上がり */
  --ink:       #F0EEE9;  /* 月明かりの紙 */
  --ink-dim:   #9AA3B8;  /* 港の靄(本文弱) */
  --line:      rgba(154, 163, 184, .18);

  --rose:      #E4B0AB;  /* ペタル・ローズ(主光源) */
  --blue:      #9FBFD4;  /* ペタル・ブルー(副光源) */
  --navy:      #3D5288;  /* ペタル・ネイビー(ダーク上でも読める明度へ) */
  --greige:    #D9D2C7;  /* ペタル・グレージュ */

  --glow-rose: rgba(228, 176, 171, .35);
  --glow-blue: rgba(159, 191, 212, .30);
  --grad-signal: linear-gradient(96deg, var(--rose), var(--blue));

  /* --- Type --- */
  --f-display: 'Space Grotesk', 'Zen Kaku Gothic New', sans-serif;
  --f-body:    'Zen Kaku Gothic New', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;
  --f-mono:    'IBM Plex Mono', 'Consolas', monospace;

  /* 流体タイプスケール(1.333、跳躍あり) */
  --fs-hero:   clamp(1.85rem, 7vw, 5.6rem);
  --fs-huge:   clamp(1.8rem, 4.5vw, 3.2rem);
  --fs-h2:     clamp(1.4rem, 2.6vw, 1.9rem);
  --fs-h3:     clamp(1.15rem, 1.8vw, 1.4rem);
  --fs-body:   1rem;
  --fs-small:  .875rem;
  --fs-micro:  .75rem;

  /* --- Layout --- */
  --maxw: 1200px;
  --pad: clamp(20px, 5vw, 48px);
  --sec-gap: clamp(96px, 14vh, 180px);
  --rad: 18px;
  --rad-lg: 26px;

  /* --- Motion --- */
  --ease-out: cubic-bezier(.2, .8, .2, 1);
  --ease-inout: cubic-bezier(.65, 0, .35, 1);
  --dur: .7s;

  /* --- Z --- */
  --z-header: 80;
  --z-mobilenav: 75;
  --z-cursor: 100;
  --z-preloader: 110;
}