/* ============================================================
   279 デザインシステム v4 — Design Tokens
   SSOT: design_handoff_279_v2/policy/design-policy.json
   配信URL: https://design.279agent.jp/v4/tokens.css
   バージョン: v1.0.0 (2026-05-01)

   使い方:
     <link rel="stylesheet" href="https://design.279agent.jp/v4/tokens.css">

   このファイルは「v4 Serif Warmth」の共通カラー・タイポグラフィ・
   スペーシング・elevation・motion トークンを提供します。
   ============================================================ */

:root {
  /* === コーポレートカラー === */
  --color-primary:        #1F7A4F;
  --color-primary-soft:   #e8f2ec;
  --color-primary-dark:   #0F4F33;
  --color-accent:         #febe0f;
  --color-accent-soft:    #FFF3CC;
  --color-accent-dark:    #C99A0B;

  /* === セマンティックカラー（WCAG AA） === */
  --color-success:        #1F7A4F;
  --color-success-soft:   #e8f2ec;
  --color-warn:           #854F0B;
  --color-warn-soft:      #FAEEDA;
  --color-danger:         #b23a3a;
  --color-danger-soft:    #fdecea;
  --color-info:           #185FA5;
  --color-info-soft:      #E6F1FB;

  /* === サーフェス・ライン（v4 Serif Warmth ベージュ系） === */
  --color-bg:             #faf8f3;
  --color-bg-soft:        #f4efe2;
  --color-surface:        #ffffff;
  --color-surface-alt:    #f4efe2;
  --color-line:           #e8e2d4;
  --color-line-strong:    #d8cfb8;

  /* === インクカラー === */
  --color-ink:            #2a2418;
  --color-ink-soft:       #6a5e48;
  --color-ink-muted:      #9a8e78;
  --color-ink-light:      #b8ad94;
  --color-ink-inverse:    #ffffff;

  /* === 介護度カテゴリ専用カラー（ルール15） === */
  --color-care-yokaigo:        #8B5A2B;
  --color-care-yokaigo-soft:   #F2E9DD;
  --color-care-yokaigo-dark:   #5C3D1E;
  --color-care-yoshien:        #3F6B8A;
  --color-care-yoshien-soft:   #E5EEF4;
  --color-care-yoshien-dark:   #2D4D66;

  /* === タイポグラフィ === */
  --font-base:    "Noto Sans JP", system-ui, -apple-system, "Hiragino Sans", sans-serif;
  --font-heading: "Noto Serif JP", "Hiragino Mincho ProN", serif;
  --font-mono:    "JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace;

  --text-xs:    11px;  /* メタ情報のみ。介護現場では使わない */
  --text-sm:    12px;  /* 管理画面メタ情報 */
  --text-base:  13px;  /* 本文・テーブルセル（最小保証） */
  --text-md:    14px;  /* 本文（推奨） */
  --text-lg:    16px;  /* セクション小見出し */
  --text-xl:    20px;  /* カードタイトル */
  --text-h2:    22px;  /* h2 */
  --text-h1:    26px;  /* h1 */
  --text-display: 32px; /* KPI数値・ダッシュボード */

  --leading-tight:   1.2;
  --leading-snug:    1.4;
  --leading-normal:  1.55;
  --leading-relaxed: 1.7;
  --letter-tight:    0.02em;

  /* === スペーシング（8px base） === */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;

  /* === 角丸 === */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-xl:   16px;
  --radius-pill: 999px;
  --radius-full: 9999px;

  /* === Elevation === */
  --elev-1: 0 1px 2px rgba(42, 36, 24, 0.04);
  --elev-2: 0 1px 3px rgba(42, 36, 24, 0.06), 0 1px 2px rgba(42, 36, 24, 0.04);
  --elev-3: 0 4px 12px rgba(42, 36, 24, 0.08);
  --elev-4: 0 10px 24px rgba(42, 36, 24, 0.10);

  /* === Motion === */
  --motion-fast: 120ms;
  --motion-base: 180ms;
  --motion-slow: 280ms;
  --easing:      cubic-bezier(0.4, 0, 0.2, 1);
}