/* 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:#F0F2F4;
  --color-rule:#E8EBEF;
  --color-rule-2:#D9DDE3;
  --color-muted:#667080;   /* 白地5.0:1 (AA) */
  --color-ink-2:#5C6470;
  --color-neutral:var(--color-ink-2);
  --color-ink:#424852;
  --color-navy-900:#48515E;   /* charcoal 900 (名称は互換維持) */
  --color-navy-800:#424852;   /* UI charcoal; original logo remains #292E35 */
  --color-brand:#F33758;      /* Original RISE Rose: logo/assets */
  --color-accent:var(--color-brand); /* ロゴと同じRISE Rose。色相は変更しない */
  --color-accent-hover:#D92A49;
  --color-accent-text:#C0243F;   /* 淡色地の上に置く「文字だけローズ」用 */
  --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:#E9C878;
  --color-yellow:#F2DEAA;
  --color-positive:#398367;
  --color-negative:#BC523B;   /* ブランドのローズと区別するため朱色寄り */
  --color-chart-bonus:#F5A623;
  --color-soft-canvas:#FAF9FA;
  --color-soft-surface:#FDFCFD;
  --color-soft-blue:#FFF7F8;             /* rose tint */
  --color-soft-blue-2:#FEEFF2;
  --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%,#F8F9FA 54%,#F7F5F7 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(66,72,82,.09);
  --shadow-soft:0 8px 28px rgba(66,72,82,.045);
  --shadow-float:0 18px 48px rgba(66,72,82,.075);
  --shadow-nav:0 8px 28px rgba(66,72,82,.025);
  --shadow-focus:0 0 0 2px rgba(243,55,88,.10);
  --shadow-xs:0 4px 14px rgba(66,72,82,.03);
  --shadow-dashboard:0 26px 64px rgba(66,72,82,.09);
  --shadow-image:0 18px 20px rgba(66,72,82,.08);
  --shadow-badge:0 16px 18px rgba(66,72,82,.09);
  --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;
}