/**
 * テーマ E 共通トークン層（ADR 0001）
 * 実値の正: docs/mockups/260725_STF20_参加者詳細.html の .app ブロック（E 既定）
 * 全画面 CSS は本ファイルのトークンのみ参照する。色・角丸・影の直書き禁止。
 */
:root {
  /* 核（STF-20 E） */
  --bg: #fafafa;
  --card: #ffffff;
  --ink: #333;
  --sub: #666;
  --line: #e5e7eb;
  --primary: #2c3e6b; /* 紺 */
  --secondary: #3a8fd4; /* 空色 */
  --warm: #e8913a; /* 橙 */
  --ok-bg: #e8f5e9;
  --ok-fg: #2e7d32;
  --warn-bg: #fff3e0;
  --warn-fg: #ef6c00;
  --danger-bg: #fff5f5;
  --danger-fg: #b42318;
  --th-bg: #f5f6f8;
  --navon-bg: var(--primary);
  --navon-fg: #fff;
  --aline: linear-gradient(90deg, var(--secondary), var(--warm));
  --radius: 10px;
  /* 管理シェル（ADM-04 転記: .app=14px / コントロール=8px） */
  --radius-app: 14px;
  --radius-control: 8px;
  --shadow: 0 4px 14px rgba(0, 0, 0, 0.08);

  /* 余白スケール（docs/DESIGN.md「余白・密度」· #564）。4px 基準。画面 CSS は参照のみ */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  /* コントロール高の 3 段: 操作できる要素は lg（タップ 44px 以上）· 入力欄 · 非操作の帯は md · チップ · バッジ · アバターは sm */
  --ctl-lg: 44px;
  --ctl-md: 36px;
  --ctl-sm: 28px;

  /* STF-20 補充（同名） */
  --row-line: #f0f0f0;
  --track: #f0f0f0;
  --muted-bg: #fafafa;
  --absent-bg: #f5f5f5;
  --absent-fg: #616161;
  --btn-bd: #d0d5dd;
  --btn-hover-bd: #aaa;
  --footer-bd: #e8e8e8;
  --sep: #d0d0d0;
  --success: #4caf50;
  --danger-soft: #d9534f;
  --add-fg: #c26a14;
  --add-bd: #e8913a;
  --add-bg: #fff8f0;
  --add-pending: #9a5a10;
  --alert-bd: #f0c7c4;
  --alert-body: #5b3a38;
  --scope-staff-bg: #eef2f7;
  --scope-staff-fg: #4a5568;
  --scope-act-bg: #e3f2fd;
  --scope-act-fg: #1565c0;

  /* STF-20 補充 2（気分・カレンダー・目的・グラフ系列 · 実値の正 = STF-20 .app） */
  --mood-sun: #f9a825;
  --mood-suncloud: #fbc02d;
  --mood-cloud: #90a4ae;
  --mood-rain: #5c9ad2;
  --mood-thunder: #5e35b1;
  --cal-0: #ebedf0;
  --cal-1: #c8e6c9;
  --cal-2: #81c784;
  --cal-3: #4caf50;
  --cal-day-ink: #555;
  --cal-future: #ccc;
  --cal-sat: #1976d2;
  --cal-sun: #d32f2f;
  --purpose-1: #ef5350;
  --purpose-2: #5c6bc0;
  --purpose-3: #66bb6a;
  --purpose-4: #ffa726;
  --purpose-5: #ab47bc;
  --stay-long: #1565c0;
  /* グラフの面塗りはトークンにしない: :root で宣言した color-mix は :root の
     --secondary で解決され、admin.css の body 再ブランドに追従しない（実測）。
     使用側 CSS で color-mix(in srgb, var(--secondary) N%, transparent) を書く */

  /* 画面 CSS 互換エイリアス（既存セレクタ用。値は上のトークンのみ） */
  --panel: var(--card);
  --text: var(--ink);
  --muted: var(--sub);
  --border: var(--line);
  --ok: var(--ok-fg);
  --danger: var(--danger-fg);
  --chip-active-bg: var(--ok-bg);
  --chip-active-fg: var(--ok-fg);
  --chip-revoked-bg: var(--absent-bg);
  --chip-revoked-fg: var(--absent-fg);
  --focus: var(--secondary);
  --btn-min: 44px;
  --dialog-scrim: rgba(44, 62, 107, 0.35);

  /* uni ロゴ（受付画面インライン SVG。透過 PNG / 正式 SVG 提供時に差し替え可） */
  --logo-orange: #fe8751; /* 左バブル */
  --logo-green: #b4cf8c; /* 右バブル */
  --logo-cream: #ffe6c0; /* 中央の u 字 */
  --logo-ink: #80756d; /* uni ワードマーク・雫 */
  --logo-drop: #c3843f;

  /* CHK-01 F案: 二面グラデーション（分割線なし・左色が右へ薄まる） */
  --venue-bg-left: #fff8f2;
  --venue-bg-mid: #fffbf7;
  --venue-bg-right: #fdfcfb;
  --venue-shadow: 0 8px 28px rgba(44, 62, 107, 0.08);
  --venue-glow-orange: rgba(255, 135, 79, 0.16);
  --venue-glow-green: rgba(181, 207, 140, 0.18);
  --venue-staff-muted: #c5c9d0;

  /* ご案内（/guide · #655）: 運営サイトの地・面・強調。値はここだけに置き、guide-site.css は参照する */
  --guide-bg: #faf8f5;
  --guide-glass: rgba(250, 248, 245, 0.94);
  --guide-surface: #f1ece6;
  --guide-surface-hover: #ece5dc;
  --guide-card: #ffffff;
  --guide-ink: #24201e;
  --guide-sub: #5b534f;
  --guide-line: #e2dbd3;
  --guide-line-strong: #cfc5ba;
  --guide-brown: #5b534f;
  --guide-focus: #b8601a;
  --guide-accent-ink: #8a4a12;
  --guide-warm-soft: #fbefe2;
  --guide-warm-line: #f0c79c;
  --guide-warm-ring: #fbe3c9;
  --guide-marker: #f8dcbd;
  --guide-green: #afd47f;
  --guide-green-strong: #7fa94f;
  --guide-green-ink: #3f6a14;
  --guide-green-line: #c9dfae;
  --guide-green-marker: #dcebc6;
  --guide-art-bg: #efe9e1;
  --guide-paper: #fffcf6;
  --guide-fold: #e6dccf;
  --guide-dot: #d8cfc5;
  --guide-dot-strong: #b9aea4;
  --guide-eg-before: #e8e1d8;
  --guide-on-dark: #ffffff;
  --guide-dark-glass: rgba(36, 32, 30, 0.82);
  --guide-scrim: rgba(36, 32, 30, 0.72);
  --guide-ring: rgba(232, 145, 58, 0.35);
  --guide-hairline: rgba(36, 32, 30, 0.18);
  --guide-underline: rgba(138, 74, 18, 0.45);
  --guide-strike: rgba(91, 83, 79, 0.5);
  --guide-shadow-card: 0 10px 30px -14px rgba(91, 83, 79, 0.45);
  --guide-shadow-shot: 0 18px 40px -28px rgba(36, 32, 30, 0.45);
  --guide-shadow-shot-hover: 0 24px 48px -26px rgba(36, 32, 30, 0.55);
  --guide-shadow-soft: 0 8px 22px -16px rgba(91, 83, 79, 0.5);
  --guide-shadow-float: 0 6px 16px rgba(36, 32, 30, 0.25);
  --guide-shadow-fab: 0 8px 20px -10px rgba(36, 32, 30, 0.6);
  --guide-shadow-tab: 0 1px 4px rgba(36, 32, 30, 0.12);

  font-family: "Hiragino Sans", "Noto Sans JP", system-ui, sans-serif;
}