/* ==========================================================================
   NEO-AX / Design Tokens
   親サイト（neotown.net / neo2025テーマ）のトークンを継承し、
   AX（AI活用）事業向けに「インク」「テクニカル」レイヤーを追加したもの。
   継承元: --base-font-color:#170E00 / DM Sans + Noto Sans JP /
           #EE4D89 / #FFD7DF→#F4FABB / container 1064px / gutter 20-40px
   ========================================================================== */

:root {
  color-scheme: light;

  /* --- Ground（地）: 純白ではなく、ごく淡く暖色に振ったオフホワイト ------ */
  --c-bg:            #FFFFFF;
  --c-bg-soft:       #FAF8F5;  /* セクション交互背景 */
  --c-bg-ink:        #16120B;  /* 反転セクション（CTA / フッター） */

  /* --- Ink（文字）: 継承の #170E00 を基点にした暖かいニュートラル ------- */
  --c-ink:           #16120B;
  --c-ink-70:        #524C42;
  --c-ink-45:        #8B8478;
  --c-ink-on-dark:   #F7F5F1;
  --c-ink-on-dark-60:#A8A29A;

  /* --- Line ------------------------------------------------------------- */
  --c-line:          #E7E2DA;
  --c-line-strong:   #CFC8BD;
  --c-line-on-dark:  rgba(247, 245, 241, .18);

  /* --- Accent ----------------------------------------------------------- */
  --c-pink:          #EE4D89;  /* NEO継承。見出しバー・ホバー・強調 */
  --c-pink-soft:     #FFD7DF;
  --c-ax:            #2B4FD0;  /* 継承 #3B60C1 をコントラスト確保のため深化 */
  --c-ax-soft:       #D7E7FF;
  --c-lime:          #F4FABB;  /* NEO継承 */
  --c-aqua:          #C9F0EE;

  /* --- Iridescent（NEOブランドの虹色）---------------------------------- */
  --grad-iris: linear-gradient(100deg,
    #FFD7DF 0%, #F7CCE6 24%, #D7E7FF 52%, #C9F0EE 74%, #F4FABB 100%);
  --grad-iris-soft: linear-gradient(100deg,
    rgba(255, 215, 223, .55) 0%, rgba(247, 204, 230, .45) 24%,
    rgba(215, 231, 255, .45) 52%, rgba(201, 240, 238, .45) 74%,
    rgba(244, 250, 187, .55) 100%);
  --grad-bar: linear-gradient(180deg, #EE4D89 0%, #FFD7DF 100%);

  /* --- Typography ------------------------------------------------------- */
  --ff-en:   "DM Sans", "Helvetica Neue", Arial, sans-serif;
  --ff-jp:   "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  --ff-mono: "DM Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  --fs-display: clamp(2rem, 5.2vw, 3.5rem);
  --fs-en-label: clamp(2.75rem, 8vw, 5rem);
  --fs-h2:      clamp(1.375rem, 2.6vw, 2rem);
  --fs-h3:      clamp(1.0625rem, 1.6vw, 1.3125rem);
  --fs-lead:    clamp(0.9375rem, 1.4vw, 1.0625rem);
  --fs-body:    1rem;
  --fs-sm:      0.875rem;
  --fs-xs:      0.75rem;

  --lh-tight: 1.3;
  --lh-head:  1.5;
  --lh-body:  1.9;   /* 和文本文はゆったり */
  --ls-jp-head: .04em;
  --ls-label:   .18em;

  /* --- Layout ----------------------------------------------------------- */
  --w-container: 1064px;  /* 継承 */
  --w-inner:     700px;   /* 継承 */
  --gutter:      20px;
  --gutter-pc:   40px;

  --sp-1: 4px;   --sp-2: 8px;   --sp-3: 12px;  --sp-4: 16px;
  --sp-5: 24px;  --sp-6: 32px;  --sp-7: 48px;  --sp-8: 64px;
  --sp-9: 96px;  --sp-10: 128px;

  --r-card: 24px;
  --r-img:  16px;
  --r-input: 12px;
  --r-pill: 999px;

  --sh-card:       0 2px 20px rgba(22, 18, 11, .05);
  --sh-card-hover: 0 12px 32px rgba(22, 18, 11, .10);
  --sh-float:      0 8px 28px rgba(22, 18, 11, .14);

  /* --- Motion（控えめ・1種類のイージングに統一）------------------------ */
  --ease: cubic-bezier(.16, 1, .3, 1);
  --dur:  .5s;
  --dur-fast: .22s;
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur: .01ms; --dur-fast: .01ms; }
}