/* YORISOI：明るいオークの縦木目のメニュー、白い壁のような本文、ブラウンの「頼む」ボタン */
:root {
  --bg: #f8f7f4;
  --surface: #ffffff;
  --surface-2: #f5f2ed;
  --ink: #2a2622;
  --muted: #8a8278;
  --line: #ebe6de;
  --accent: #8b5a32;      /* オークを深くしたブラウン */
  --accent-ink: #fffaf3;
  --hot: #b8503a;
  --badge: #6e1f33;
  --pmark: #4a1d22;
  --side-dark: #3b1f1a;
  --side-ink: #3a2a1a;
  --side-pill: rgba(255, 253, 248, .86);
  --font-head: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  --side:
    radial-gradient(90px 60px at 26% 0, rgba(255, 248, 228, .8), transparent 75%),
    radial-gradient(90px 60px at 74% 0, rgba(255, 248, 228, .8), transparent 75%),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='900'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='0.12 0.0026' numOctaves='4' seed='11'/><feColorMatrix values='0 0 0 0 0.55  0 0 0 0 0.35  0 0 0 0 0.16  0 0 0 0.95 -0.24'/></filter><rect width='300' height='900' fill='%23e8c493'/><rect x='100' width='100' height='900' fill='%23e2ba84'/><rect x='200' width='100' height='900' fill='%23ecca9b'/><rect width='300' height='900' filter='url(%23g)'/><path d='M100 0V900M200 0V900' stroke='%23996434' stroke-opacity='.22'/></svg>") 0 0 / 300px 900px,
    linear-gradient(180deg, #e8c493, #ddb47e);
}
body.resident { background: radial-gradient(60% 30% at 60% 0%, rgba(255, 246, 228, .8), transparent 70%), var(--bg); background-attachment: fixed; }

/* ワークフロー図の「人がする所」の色 */
:root { --human-bg: #fff5e0; --human-line: #ebc37a; --human-node: #f7d58f; --bar-ink: #f7d58f; }