/* RISE Lending · portable design tokens · source of truth
   Brand: RISE Rose #F33758 / RISE Charcoal #292E35 (logo package README) */
:root {
  --color-paper:#FFFFFF;
  --color-paper-2:#F6F7F9;
  --color-paper-3:#ECEEF1;
  --color-rule:#E4E7EB;
  --color-rule-2:#CDD2D9;
  --color-muted:#667080;   /* 白地5.0:1 (AA) */
  --color-ink-2:#4B535E;
  --color-neutral:var(--color-ink-2);
  --color-ink:#1F252D;
  --color-navy-900:#1A1F26;   /* charcoal 900 (名称は互換維持) */
  --color-navy-800:#292E35;   /* RISE Charcoal */
  --color-accent:#F33758;     /* RISE Rose */
  --color-accent-hover:#D92A49;
  --color-accent-text:#C0243F;   /* 淡色地の上に置く「文字だけローズ」用 (白地5.9:1) */
  --color-accent-ink:#FFFFFF;  /* アクセント上の文字色 */
  --color-focus:#E62F50;
  --color-blue-500:var(--color-focus);   /* rose 500 (名称は互換維持) */
  --color-blue-300:#F9A3B4;              /* rose 300 */
  --color-blue-100:#FDDCE3;              /* rose 100 */
  --color-gold:#F5B93D;
  --color-yellow:#FFC53D;
  --color-positive:#1F9D62;
  --color-negative:#D9482B;   /* ブランドのローズと区別するため朱色寄り */
  --color-chart-bonus:#F5A623;
  --color-soft-canvas:#FAF9FA;
  --color-soft-surface:#FDFCFD;
  --color-soft-blue:#FEF0F3;             /* rose tint */
  --color-soft-blue-2:#FCE0E6;
  --color-glass-nav:rgba(255,255,255,.90);
  --color-glass-menu:rgba(253,252,253,.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%,#FAF7F8 54%,#F7F1F3 100%);

  --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-* だけ。
     以前ここにあった --text-* は参照 0 件で値も --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(26,31,38,.16);
  --shadow-soft:0 8px 28px rgba(41,46,53,.08);
  --shadow-float:0 18px 48px rgba(41,46,53,.12);
  --shadow-nav:0 8px 28px rgba(41,46,53,.05);
  --shadow-focus:0 0 0 2px rgba(243,55,88,.10);
  --shadow-xs:0 4px 14px rgba(41,46,53,.045);
  --shadow-dashboard:0 26px 64px rgba(41,46,53,.16);
  --shadow-image:0 18px 20px rgba(41,46,53,.14);
  --shadow-badge:0 16px 18px rgba(41,46,53,.16);
  --radius-app-card:18px;
  --radius-app-control:12px;   /* コントロール（ボタン）12 ・ 入力欄は --radius-panel(14) */
  --radius-chip:8px;
  --radius-panel:14px;
  --radius-hero:22px;

  --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;
}