/* ミライレンディング · portable design tokens · source of truth
   Brand: MIRAI Navy #0C3970（盾・文字） / MIRAI Blue #1E77EF（星）。ロゴの正本は ~/Desktop/Projects/mirai-lending-brand
   構成と変数名は RISE Lending と同じ（値だけが違う）。3リポジトリ（user / admin / partner）で同一に保つ。
   役割: ブルー = 主ボタン・選択中・フォーカス ／ ネイビー = 見出し・濃色の面 ／ 淡いブルー = 濃色の面の上の強調だけ */
:root {
  --color-paper:#FFFFFF;
  --color-paper-2:#F4F7FB;
  --color-paper-3:#ECF1F8;
  --color-rule:#E1E8F2;
  --color-rule-2:#CDD8E6;
  --color-muted:#5A6B85;   /* 白地 5.4:1 (AA) */
  --color-ink-2:#4A5C78;
  --color-neutral:var(--color-ink-2);
  --color-ink:#24385A;     /* 本文。紺に寄せた濃いグレー（白地 11.6:1） */
  --color-navy-900:#0C3970;   /* MIRAI Navy（ロゴの盾・文字） */
  --color-navy-800:#0A2E5C;   /* 濃色の面（札・お知らせバー） */
  --color-navy-950:#071F42;   /* いちばん深い面（濃色パネルのグラデーションの端・フッター） */
  --color-brand:#1E77EF;      /* MIRAI Blue（ロゴの星） */
  --color-accent:var(--color-brand); /* ロゴと同じブルー。色相は変更しない */
  --color-accent-hover:#1565D8;
  --color-accent-text:#1259C3;   /* 淡色地の上に置く「文字だけブルー」用（白地 6.3:1） */
  --color-accent-ink:#FFFFFF;  /* アクセント上の文字色 */
  --color-focus:#1E77EF;
  --color-blue-500:var(--color-focus);
  --color-blue-300:#9EC5FA;
  --color-blue-100:#DCEAFD;
  --color-sky:#7DB4FF;        /* 濃色の面の上だけで使う明るいブルー（数値の強調・線・光） */
  --color-gold:#E9C878;
  --color-yellow:#F2DEAA;
  --color-positive:#2F7F62;
  --color-negative:#BC523B;   /* 警告・エラーは朱色（ブランドのブルーと役割を分ける） */
  --color-chart-bonus:#F5A623;
  --color-soft-canvas:#F7F9FC;
  --color-soft-surface:#FBFCFE;
  --color-soft-blue:#F3F8FF;
  --color-soft-blue-2:#E8F1FE;
  --color-glass-nav:rgba(255,255,255,.90);
  --color-glass-menu:rgba(251,252,254,.98);
  --color-glass-panel:rgba(255,255,255,.88);
  --color-glass-button:rgba(255,255,255,.80);
  --color-glass-tooltip:rgba(255,255,255,.96);
  --color-warn-ink:#95610C;
  --color-negative-ink:#B23A22;
  --auth-bg:linear-gradient(160deg,#FFFFFF 0%,#F6F9FD 54%,#EDF4FD 100%);

  /* 濃色パネル（ホームの貸付合計・LPの締め・ログインの帯など、各サイトで1画面に1か所まで）。
     右上に青い光、紺から深い紺へ。上に載せる文字は白、強調は --color-sky */
  --panel-navy:radial-gradient(120% 90% at 100% 0%,rgba(30,119,239,.38) 0%,rgba(30,119,239,0) 58%),linear-gradient(155deg,#0C3970 0%,#0A2E5C 46%,#071F42 100%);
  --panel-navy-line:rgba(125,180,255,.22);   /* 濃色パネルの中の罫線 */
  --panel-navy-muted:rgba(255,255,255,.72);  /* 濃色パネルの中の補助の文字（紺地 9:1 以上） */
  --glow-accent:0 10px 26px rgba(30,119,239,.28);   /* 主ボタンの下の青い光 */

  --font-display:"Noto Sans JP",ui-sans-serif,system-ui,sans-serif;
  --font-body:"Noto Sans JP",ui-sans-serif,system-ui,sans-serif;
  --font-outlier:"Inter",ui-sans-serif,system-ui,sans-serif;
  --display-weight:700;
  --display-style:normal;
  --tracking-display:.01em;

  /* 文字スケール（62.5%基準。1rem = 10px）。実装で使うのはこの --fs-* だけ。 */
  --fs-xs:1.2rem;
  --fs-sm:1.3rem;
  --fs-md:1.5rem;
  --fs-lg:1.7rem;
  --fs-xl:2.0rem;
  --fs-2xl:2.4rem;
  --fs-3xl:3.0rem;

  /* px基準（62.5%環境でrem誤用を防ぐ） */
  --space-3xs:4px;
  --space-2xs:8px;
  --space-xs:12px;
  --space-sm:16px;
  --space-md:20px;
  --space-lg:24px;
  --space-xl:32px;
  --space-2xl:48px;
  --space-3xl:64px;
  --space-4xl:96px;

  --rule-hair:1px;
  --rule-fine:2px;
  --radius-card:10px;
  --radius-pill:999px;
  --radius-input:6px;
  --shadow-card:none;
  --shadow-product:0 20px 56px rgba(12,45,92,.10);
  --shadow-soft:0 8px 28px rgba(12,45,92,.05);
  --shadow-float:0 18px 48px rgba(12,45,92,.09);
  --shadow-nav:0 8px 28px rgba(12,45,92,.03);
  --shadow-focus:0 0 0 3px rgba(30,119,239,.16);
  --shadow-xs:0 4px 14px rgba(12,45,92,.035);
  --shadow-dashboard:0 26px 64px rgba(12,45,92,.10);
  --shadow-image:0 18px 20px rgba(12,45,92,.09);
  --shadow-badge:0 16px 18px rgba(12,45,92,.10);
  --radius-app-card:16px;
  --radius-app-control:12px;   /* コントロール（ボタン）12 ・ 入力欄は --radius-panel(14) */
  --radius-chip:8px;
  --radius-panel:14px;
  --radius-hero:20px;

  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-in:cubic-bezier(.7,0,.84,0);
  --ease-in-out:cubic-bezier(.65,0,.35,1);
  --dur-micro:120ms;
  --dur-short:220ms;
  --dur-long:420ms;
}