/* SAJI：深い赤に、黄色と青緑のスパイス柄。カレー皿のようににぎやかで、香りが立つような配色 */
:root {
  --bg: #fdf6e8;
  --surface: #ffffff;
  --surface-2: #fbf0dc;
  --ink: #2b1a14;
  --muted: #8a7363;
  --line: #f0dfc4;
  --accent: #b8281c;      /* 深い赤 */
  --accent-ink: #fff6e3;
  --hot: #d9541e;
  --badge: #f2b51d;
  --pmark: #f2b51d;
  --side-dark: #5c1410;
  --side-ink: #fff3dc;
  --side-pill: rgba(255, 246, 227, .16);
  --human-bg: #fff4d4;
  --human-line: #f2b51d;
  --human-node: #f6c84a;
  --bar-ink: #f6c84a;
  --font-head: "Dela Gothic One", "Noto Sans JP", sans-serif;
  /* 赤地に、黄色の三角と青緑の小さな花の柄。上下に柄の帯 */
  --side:
    linear-gradient(180deg, transparent calc(100% - 22px), #1f6f72 calc(100% - 22px)),
    repeating-linear-gradient(90deg, #f2b51d 0 10px, transparent 10px 20px) 0 0 / 20px 10px no-repeat,
    radial-gradient(circle at 50% 50%, rgba(242, 181, 29, .45) 0 2px, transparent 2.5px) 0 0 / 28px 28px,
    radial-gradient(circle at 50% 50%, rgba(42, 138, 140, .32) 0 4px, transparent 4.5px) 14px 14px / 28px 28px,
    linear-gradient(160deg, #a51e18, #7a1510 70%, #651210);
}
body.resident {
  background:
    radial-gradient(circle at 50% 50%, rgba(184, 40, 28, .07) 0 3px, transparent 3.5px) 0 0 / 34px 34px,
    linear-gradient(180deg, #fff9ee, #fbefd7);
  background-attachment: fixed;
}
/* メニューの上に、黄色の三角の帯 */
.r-side::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 12px; border-radius: 26px 26px 0 0;
  background: linear-gradient(135deg, #f2b51d 25%, transparent 25%) 0 0 / 14px 12px, linear-gradient(225deg, #f2b51d 25%, transparent 25%) 0 0 / 14px 12px; }
.r-side { position: fixed; }
.r-menu a:hover { background: rgba(255, 246, 227, .12); }
.r-menu a.on, .r-pill { background: #fff6e3; color: #7a1510; }
.r-pill.dark { background: #1f6f72; color: #fff6e3; }
.r-ptag { background: #f2b51d; color: #5c1410; border-color: #f2b51d; }
.r-pmark { color: #5c1410; }
.r-badge:not(:empty) { color: #5c1410; }
.r-head h1 { font-weight: 400; letter-spacing: .04em; color: #7a1510; }
.r-lead h2, .r-sec, .r-card h3 { font-weight: 400; }
.r-card { border-color: #f3e2c6; box-shadow: 0 1px 2px rgba(120, 40, 20, .06), 0 14px 28px -16px rgba(120, 40, 20, .35); }
.r-card h3 .ic, .r-note .ic { color: #d9781e; }
.r-kic { background: #fff1cf; color: #b8281c; }
.r-btn.primary { background: linear-gradient(180deg, #c8321f, #9c1f16); box-shadow: 0 8px 18px -8px rgba(160, 30, 20, .6); }
.r-kpi b { color: #7a1510; }
.r-chat-head { color: #fff3dc; }
.r-chat-x { color: #7a1510; background: #fff6e3; }
.r-wf-bar { background: #3a1410; }