/* tokens.css ― aiojt.jp デザインシステム（和 × 超現代 × 未来）
   基調＝日の丸の「赤と白」。差し色に墨と金。躍動・没入のためのグロー/エネルギー変数を持つ。 */
:root{
  /* 和の赤（日の丸） */
  --c-hinomaru:#bc002d; --c-crimson:#e60033; --c-red-bright:#ff2d55; --c-red-deep:#8a0020;
  --c-gold:#c8a24a; --c-gold-soft:#f4ead0;

  /* 基調（白基調） */
  --c-ink-900:#15100f; --c-ink-700:#2e2622; --c-ink-500:#5f554f; --c-ink-300:#9b8f88;
  --c-bg:#fbfafa; --c-surface:#ffffff; --c-surface-2:#f4f1ef; --c-line:#ece6e3;

  --c-primary:#e60033; --c-primary-ink:#ffffff; --c-primary-soft:#ffe7ec;
  --c-secondary:#15100f;                 /* 墨＝知性・力 */
  --c-accent-person:#e60033; --c-accent-person-soft:#ffe7ec;  /* 個人＝赤の熱量 */
  --c-accent-biz:#15100f; --c-accent-biz-soft:#efeae7;        /* 法人＝墨の信頼 */
  --c-success:#1f9d55; --c-warn:#d9822b; --c-danger:#e5484d;

  /* エネルギー・グラデ（"動く赤"） */
  --grad-agent:linear-gradient(120deg,#8a0020 0%,#e60033 40%,#ff5e3a 100%);
  --grad-energy:linear-gradient(120deg,#bc002d 0%,#ff2d55 35%,#ff7a3d 70%,#ffd166 100%);
  --grad-agent-soft:linear-gradient(120deg,#ffe7ec 0%,#fff0e9 60%,#fdf6e6 100%);
  --glow-red:0 0 0 rgba(230,0,51,0);            /* 既定オフ。fxで上書き */
  --glow-strong:0 8px 40px rgba(230,0,51,.35);

  /* タイポ */
  --font-sans:"Inter","Noto Sans JP",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-disp:"Zen Kaku Gothic New","Noto Sans JP",sans-serif;  /* 力強い見出し */
  --font-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Consolas,monospace;
  --fs-12:.75rem; --fs-14:.875rem; --fs-16:1rem; --fs-20:1.25rem; --fs-24:1.5rem;
  --fs-32:2rem; --fs-40:2.5rem; --fs-56:3.5rem; --fs-72:4.5rem; --lh-tight:1.08; --lh-normal:1.6;

  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-6:24px; --sp-8:32px; --sp-12:48px; --sp-16:64px; --sp-24:96px;
  --r-sm:6px; --r-md:10px; --r-lg:16px; --r-xl:24px; --r-pill:999px;
  --sh-1:0 1px 2px rgba(21,16,15,.06); --sh-2:0 6px 18px rgba(21,16,15,.08); --sh-3:0 18px 50px rgba(21,16,15,.14);
  --mo-fast:150ms; --mo-base:280ms; --mo-slow:600ms; --ease:cubic-bezier(.2,.8,.2,1); --ease-out:cubic-bezier(.16,1,.3,1); --maxw:1240px;

  --c-text:var(--c-ink-900); --c-text-sub:var(--c-ink-500); --c-text-mute:var(--c-ink-300);
  color-scheme:light;
}

/* 未来的ダーク（漆黒×ネオン赤） */
[data-theme="dark"]{
  --c-ink-900:#f6f0ee; --c-ink-700:#d8cdc8; --c-ink-500:#a99e98; --c-ink-300:#6f6560;
  --c-bg:#0a0607; --c-surface:#130d0f; --c-surface-2:#1c1316; --c-line:#2a1c20;
  --c-primary:#ff2d55; --c-primary-ink:#0a0607; --c-primary-soft:#2a0f17;
  --c-secondary:#f6f0ee;
  --c-accent-person:#ff2d55; --c-accent-person-soft:#2a0f17;
  --c-accent-biz:#f6f0ee; --c-accent-biz-soft:#1c1316;
  --c-gold:#e3c275;
  --grad-agent-soft:linear-gradient(120deg,#2a0f17 0%,#241016 60%,#1c1810 100%);
  --glow-strong:0 8px 50px rgba(255,45,85,.45);
  --sh-1:0 1px 2px rgba(0,0,0,.5); --sh-2:0 6px 18px rgba(0,0,0,.6); --sh-3:0 18px 50px rgba(0,0,0,.7);
  --c-text:var(--c-ink-900); --c-text-sub:var(--c-ink-500); --c-text-mute:var(--c-ink-300);
  color-scheme:dark;
}