/* RAMP waitlist LP — design tokens v2 (2026-10-17)
   色の元: concept.webp（リネンのグレー / デバイスの黒 / LEDの青）
   v2の変更: 青はボタンに使わず「LEDの点」だけに限定。ボタンは黒/白（norma・drone型） */
:root{
  /* --- color: 無彩色2系統 + LEDの青を点だけ --- */
  --linen-50:#f1f3f4;   /* 朝の面（ベース） */
  --linen-100:#dde1e5;  /* 画像のリネン実測 */
  --linen-300:#aeb4b9;  /* 線・まだ来ていない行 */
  --ink:#0b1010;        /* 夜の面・文字・ボタン（デバイスの黒） */
  --night:#121a1d;
  --predawn:#26323a;    /* 夜→朝の中間（画像の寒色寄りグレーを暗く） */
  --muted:#565d63;      /* 明るい面の補助文字 6.0:1 */
  --muted-dark:#9aa4a9; /* 暗い面の補助文字 7.5:1 */
  --led:#4d8dff;        /* LEDの点だけ（文字・面には使わない） */

  /* --- type --- */
  --font-sans:"Switzer","Noto Sans JP",system-ui,-apple-system,sans-serif;
  --font-mono:ui-monospace,"SF Mono",Menlo,monospace;
  --h1-size:clamp(46px,13vw,148px); --h1-weight:300; --h1-track:-0.055em; --h1-lh:0.96;
  --h2-size:clamp(32px,5.6vw,72px); --h2-weight:300; --h2-track:-0.045em; --h2-lh:1.02;
  --body-size:17px; --body-lh:1.6; --body-measure:520px;
  --label-size:11px; --label-track:0.1em;

  /* --- space (8px grid) --- */
  --sp-1:8px; --sp-2:16px; --sp-3:24px; --sp-4:40px; --sp-5:80px; --sp-6:120px;
  --gutter:20px; --section-pad:clamp(96px,14vw,160px);

  /* --- shape --- */
  --radius-pill:999px; --radius-section:40px; --btn-h:52px;

  /* --- motion (実測: drone/norma = cubic-bezier(.22,1,.36,1)) --- */
  --ease:cubic-bezier(0.22,1,0.36,1);
  --t-fast:300ms; --t-base:500ms; --t-slow:700ms; --t-hero:1200ms;
  --char-stagger:28ms;
}
@media (prefers-reduced-motion:reduce){:root{--t-fast:0ms;--t-base:0ms;--t-slow:0ms;--t-hero:0ms;--char-stagger:0ms}}