/* AiRA Design Tokens — 全LP共通の唯一の定義（design-system/tokens.css 準拠）
   **変数だけ**を置く。リセット（a のスタイル等）を入れると、これを読むだけの
   法務ページ（legal.css）のリンク下線まで消えるので入れない。
   ここを直すと personal / marketing / 今後のサービスのLPすべてに効く。
   （2026-09-09 ユーザー指示でサービス横断の共有CSSに切り出した） */
  :root{
    --aira-navy:#003775;
    --aira-blue:#2563EB;
    --aira-cyan:#22D3EE;
    --aira-violet:#A78BFA;
    --aira-mist:#F3F6FB;
    --aira-white:#FFFFFF;
    --color-line:#06C755;
    /* 状態色。aira/design-system/tokens.css の --color-warning / --color-danger と同値
       （2026-09-09: 各LPの :root に散っていたものをここへ集約）*/
    --warning:#B45309;
    --danger:#DC4B5D;
    --text-body:rgba(0,35,80,.84);
    --text-sub:rgba(0,55,117,.60);
    --text-faint:rgba(0,55,117,.40);
    --border:rgba(0,55,117,.12);
    --primary-tint:rgba(37,99,235,.08);
    --gradient-brand:linear-gradient(100deg,var(--aira-blue),var(--aira-cyan));
    --font-display:"Sora","Zen Kaku Gothic New",sans-serif;
    --font-body:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN",sans-serif;
    --font-mono:"IBM Plex Mono",monospace;
    --shadow-card:0 8px 24px -16px rgba(0,55,117,.25);
    --shadow-float:0 22px 44px -22px rgba(0,55,117,.40);
    --shadow-fab:0 8px 18px -6px rgba(37,99,235,.55);
    --ease-out:cubic-bezier(.22,1,.36,1);
    --radius-md:12px; --radius-xl:18px; --radius-2xl:24px; --radius-full:999px;
  }