/* MEET 参加者面のデザイントークン。4 つの参加者面（app / login / archive / 購入頁の埋め込み）が同じ値を見る。
   ★色の正本は ~/projects/research/miratuku-design-system/ds/tokens.css の [data-preset="answer-warm-dark"]（2026-10-07 西村さん決裁で
     PLAN-v3 C6 を変更し、写しに置き換えた）。下の [data-theme="dark"] ブロックは preset の値の写しで、
     `node ds/verify-preset-copy.mjs participant/shared/preset-copy-mapping.json` が 1:1 で照合する（キー欠落も FAIL）。
   ★写しの値を手で変えない。正本が変わったら写し直して照合を通す。MEET 固有の名前は「追加名」として別に持ち、写しの値から導く。
   ★真鍮の用途: esse-sense Future Forum の参加者面・アーカイブ面に限る。アクセントではない（状態・操作の誘導・強調に使わない）。
     文字に使えるのは --brass / --brass-soft。--brass-deep は文字にも意味を持つ印にも使わない（装飾の罫のみ）。 */
:root {
  --font-sans:"Noto Sans JP","Hiragino Sans",-apple-system,sans-serif;
  --font-mono:"Fira Code","SF Mono",Menlo,monospace;
  --font-logo:"Noto Serif JP","Hiragino Mincho ProN",serif;
  --fs-display:clamp(34px,6.4vw,72px); --fs-h1:clamp(26px,3.4vw,34px); --fs-h2:clamp(20px,2vw,28px);
  --fs-body:clamp(16px,1.05vw,17px); --fs-caption:13px; --fs-label:12px; --fs-micro:10px;
  --weight-body:400; --weight-strong:700; --weight-display:900;
  --lh-body:1.9; --ap-lh-head:1.4; --lh-caption:1.55; --tracking-head:-.02em; --tracking-label:.2em; --ap-measure:60ch;
  --space-1:4px; --space-2:8px; --space-3:16px; --space-4:24px; --space-5:32px; --space-6:48px; --space-8:80px;
  --radius:8px; --radius-sm:2px; --radius-md:12px; --radius-lg:16px; --radius-pill:999px;
  --hair:1px solid var(--rule); --border-w-strong:2px; --shadow-2:0 12px 48px rgba(0,0,0,.7);
  /* ANSWER+ V4Overview.tsx:54 supplies the faster timing, so it has a distinct name. */
  --ease:cubic-bezier(.16,1,.3,1); --ap-dur-fast:120ms; --dur-normal:240ms;
  --z-sticky:100; --z-overlay:1000; --z-toast:1100;
  --app-side:16px; --app-fs-input:16px; --app-tabbar-h:56px; --app-touch:48px; --sidebar-width:288px;
  --app-topbar-h:64px;
}
/* ── preset answer-warm-dark の写し（ds/tokens.css L151-172 と同値・34 キー）。<html data-theme="dark"> で効く ── */
[data-theme="dark"] {
  --paper:#0E0D0C; --surface:#171513; --surface-warm:#1F1C19;
  --surface-2:#272320; --surface-3:#2F2B27; --surface-4:#37322D;
  --ink-strong:#F2EFE9; --ink:#F2EFE9; --ink-soft:#CBC6BD; --ink-mute:#9A948A;
  --ink-faint:#736E66; --ink-4:#524D46; --ink-5:#3A3633;
  --rule:#2A2724; --rule-2:#3A3633; --rule-strong:#F2EFE9;
  --ui-border:#807870; --ui-border-hover:#9A948A;
  --accent:#FF5A47; --accent-fill:#CC1400; --accent-fill-hover:#9A0F00; --on-accent:#FFFFFF;
  --accent-muted:rgba(204,20,0,.12); --accent-fog:#2A1512;
  --state-danger:#FF5A47; --state-danger-bg:#2A1512;
  --state-warn:#E0B040;   --state-warn-bg:#2E2818;
  --state-good:#4CAF82;   --state-good-bg:#1F2E27;
  --state-info:#B8B8B4;   --state-info-bg:#2A2A2A;
  --focus-ring:0 0 0 3px #FF5A47; --scrim:rgba(14,13,12,.72);
  --brass:#B08D57; --brass-soft:#C9AC79; --brass-deep:#8A6D3E; --brass-muted:rgba(176,141,87,.1);

  /* ── MEET の追加名（写しの値から導く。独自の hex を置かない。--lqip だけは写真の平均色） ── */
  --page-background:radial-gradient(130% 110% at 50% 0%,var(--surface-warm) 0%,var(--surface) 44%,var(--paper) 100%);
  --sidebar-background:linear-gradient(180deg,var(--surface),var(--paper));
  --ink-cite:var(--ink-mute);
  --focus:var(--accent);                 /* 焦点の枠は文字の赤 */
  --accent-mark:var(--accent);           /* 題名リンクの hover・再生位置の印 */
  --accent-deep:var(--accent-fill-hover);/* 面の赤の :active */
  --accent-tint:rgba(255,255,255,.06);   /* 現在地・hover の薄い面（無彩） */
  --primary-background:var(--accent-fill);
  --primary-shadow:inset 0 1px 0 rgba(255,255,255,.18);
  --fab-background:var(--accent-fill);
  --fab-shadow:0 10px 24px -8px rgba(204,20,0,.5),0 2px 6px rgba(0,0,0,.2);
  --secondary-background:rgba(255,255,255,.05); --secondary-border:var(--rule-2);   /* 2026-10-07: 真鍮は選択・操作の誘導に使わない（preset の用途限定）→ 無彩の罫 */
  --secondary-ink:var(--ink-soft); --rule-soft:var(--rule);
  --toast-background:var(--surface-2); --toast-shadow:0 6px 24px rgba(0,0,0,.28); --toast-close:var(--ink-mute);
  --lqip:#968166;
}