/* =========================================================
   ULiA LP — Design Tokens
   「夜明け前の静けさと、一本の灯り」
   設計書: LP制作/LPデザイン.md §4
   ========================================================= */

:root {
  /* ---------- Color: Surface（夜明け前の藍） ---------- */
  --c-bg:          #0A0F1A;
  --c-surface:     #101828;
  --c-surface-1:   #162033;
  --c-surface-2:   #1E2A42;
  --c-deep:        #070B13;   /* AIセクション用の最暗面 */
  --c-line:        #263351;
  --c-line-strong: #35456B;

  /* ---------- Color: Text（生成り） ---------- */
  --c-text:        #EFECE4;
  --c-text-dim:    #A9B3C6;
  --c-mute:        #6E7B94;
  --c-text-invert: #0A0F1A;

  /* ---------- Color: Accent（灯・琥珀） ---------- */
  --c-amber:       #F0A93D;
  --c-amber-hi:    #FFC46A;
  --c-amber-lo:    #C7861F;
  --c-amber-soft:  rgba(240, 169, 61, .12);
  --c-amber-glow:  rgba(240, 169, 61, .30);

  /* ---------- Color: Sub accent（明け方・浅葱） ---------- */
  --c-asagi:       #49B6C4;
  --c-asagi-soft:  rgba(73, 182, 196, .12);

  /* ---------- Color: Semantic ---------- */
  --c-success:     #5FBE86;
  --c-warning:     #E0A458;
  --c-danger:      #D9584F;
  /* LINE公式色は連携の説明図内でのみ使用。ブランド色にはしない */
  --c-line-green:  #06C755;

  /* ---------- Color: Paper（反転面） ---------- */
  --c-paper:       #F5F2EC;
  --c-paper-2:     #EDE8DE;
  --c-paper-line:  #DFD9CE;
  --c-paper-text:  #17202F;
  --c-paper-dim:   #5B6577;

  /* ---------- Typography: Family ---------- */
  --f-display: "Fraunces", "Zen Old Mincho", Georgia, serif;
  --f-jp-head: "Zen Old Mincho", "Noto Serif JP", serif;
  --f-body:    "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  --f-mono:    "IBM Plex Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;

  /* ---------- Typography: Size（流動スケール） ---------- */
  --fs-mega:  clamp(44px, 9vw, 132px);
  --fs-h1:    clamp(30px, 5vw, 56px);
  --fs-h2:    clamp(24px, 3.4vw, 40px);
  --fs-h3:    clamp(19px, 2.2vw, 24px);
  --fs-lead:  clamp(16px, 1.6vw, 20px);
  --fs-body:  16px;
  --fs-sm:    14px;
  --fs-label: 12px;

  /* ---------- Typography: Rhythm ---------- */
  --lh-body:  1.9;
  --lh-head:  1.35;
  --lh-tight: 1.05;
  --tr-body:  .02em;
  --tr-label: .12em;

  /* ---------- Spacing（8pxベース） ---------- */
  --sp-1:  8px;
  --sp-2:  16px;
  --sp-3:  24px;
  --sp-4:  32px;
  --sp-5:  40px;
  --sp-6:  48px;
  --sp-8:  64px;
  --sp-10: 80px;
  --sp-12: 96px;

  /* ---------- Layout ---------- */
  --w-container: 1180px;
  --w-read:      780px;
  --w-lead:      34em;   /* 日本語34文字ぶん。px固定にすると文字サイズ変動で末尾が落ちる */
  --h-header:    64px;

  /* ---------- Radius ---------- */
  --r-sm:   6px;
  --r-md:   12px;
  --r-lg:   20px;
  --r-pill: 999px;

  /* ---------- Elevation（暗背景では線と光で段差を作る） ---------- */
  --sh-card: 0 1px 0 rgba(255,255,255,.05) inset, 0 24px 60px rgba(0,0,0,.45);
  --sh-lift: 0 1px 0 rgba(255,255,255,.07) inset, 0 32px 70px rgba(0,0,0,.55);
  --sh-glow: 0 0 0 1px var(--c-amber-glow), 0 12px 40px rgba(240,169,61,.18);
  --sh-paper: 0 1px 0 #fff inset, 0 18px 40px rgba(10,15,26,.16);

  /* ---------- Motion ---------- */
  --ease-out:    cubic-bezier(.22, 1, .36, 1);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --dur-fast: 120ms;
  --dur-base: 240ms;
  --dur-slow: 640ms;

  /* ---------- Texture ---------- */
  /* 五線（ステーブ）: 流れ続けるチャットの比喩。40pxピッチの1pxライン */
  --tx-stave: repeating-linear-gradient(
      to bottom,
      rgba(169, 179, 198, .10) 0 1px,
      transparent 1px 40px
  );
  /* 放射状ライティング（光源は常に上／左上の1方向） */
  --tx-light:
      radial-gradient(ellipse 60% 45% at 50% -5%, rgba(240,169,61,.10), transparent 70%),
      radial-gradient(ellipse 45% 55% at 88% 105%, rgba(73,182,196,.06), transparent 70%);

  color-scheme: dark;
}