/* TERASU：ウォールナットのメニューに間接照明の金の光、白い大理石の本文、明朝の見出し */
:root {
  --bg: #f8f4ee;
  --surface: #fffdf9;
  --surface-2: #f6efe5;
  --ink: #2c241e;
  --muted: #8f8174;
  --line: #ece3d6;
  --accent: #8a6a3e;      /* 金茶 */
  --accent-ink: #fffaf0;
  --hot: #b5643c;
  --badge: #c9a36a;
  --pmark: linear-gradient(135deg, #a07c45, #e6cb91);
  --side-dark: #1e1510;
  --side-ink: #f3e3c4;
  --side-pill: rgba(255, 240, 214, .14);
  --font-head: "Shippori Mincho", serif;
  --side:
    linear-gradient(90deg, transparent 0 calc(100% - 3px), rgba(255, 214, 150, .9) calc(100% - 3px)),
    radial-gradient(120% 30% at 50% 0%, rgba(255, 205, 130, .35), transparent 70%),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='900'><filter id='w'><feTurbulence type='fractalNoise' baseFrequency='0.1 0.004' numOctaves='4' seed='6'/><feColorMatrix values='0 0 0 0 0.1  0 0 0 0 0.06  0 0 0 0 0.03  0 0 0 1 -0.25'/></filter><rect width='300' height='900' fill='%23533a2b'/><rect width='300' height='900' filter='url(%23w)'/></svg>") 0 0 / 300px 900px;
}
body.resident {
  background:
    linear-gradient(rgba(248, 244, 238, .9), rgba(248, 244, 238, .9)),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1400' height='900'><filter id='m'><feTurbulence type='turbulence' baseFrequency='0.0028 0.0065' numOctaves='5' seed='17'/><feColorMatrix values='0 0 0 0 0.55  0 0 0 0 0.53  0 0 0 0 0.52  0 0 0 -7 1.15'/></filter><rect width='1400' height='900' fill='%23f7f4ef'/><rect width='1400' height='900' filter='url(%23m)'/></svg>") 0 0 / 1400px 900px;
  background-attachment: fixed;
}
.r-side { box-shadow: 0 0 30px -4px rgba(255, 200, 120, .45), 0 24px 50px -16px rgba(40, 25, 15, .5); }
.r-menu a:hover { background: rgba(255, 240, 214, .1); }
.r-menu a.on, .r-pill { background: #f6eadb; color: #3b2a20; box-shadow: 0 0 18px -2px rgba(255, 205, 130, .55); }
.r-pill.dark { background: #1e1510; color: #f3e3c4; box-shadow: inset 0 0 0 1px rgba(201, 163, 106, .5); }
.r-ptag { background: transparent; border-color: #c9a36a; color: #e6cb91; letter-spacing: .2em; }
.r-pmark { color: #2c241e; }
.r-badge:not(:empty) { color: #2c241e; }
.r-head h1 { font-weight: 700; letter-spacing: .04em; }
/* 面の上辺に、間接照明の金の光 */
.r-card { box-shadow: inset 0 2px 0 rgba(255, 214, 150, .9), 0 1px 2px rgba(60, 40, 20, .06), 0 14px 30px -16px rgba(80, 55, 30, .35); }
.r-btn.primary { background: linear-gradient(180deg, #5a4030, #34251c); color: #f6e7c8; }
.r-kpi b { color: #3b2a20; }
.r-chat-head b { color: #f3e3c4; }
.r-chat-x { color: #3b2a20; background: #f6eadb; }

/* ワークフロー図の「人がする所」の色（シャンパンゴールド） */
:root { --human-bg: #fbf3e4; --human-line: #e2c48c; --human-node: #f1d9a6; --bar-ink: #e6cb91; }