/* /tarot/assets/tarot_theme_C.css — テーマ C: やわらかい（淡い色・丸み）（2026-10-11 見本 tarot_mock から写した）。ローカル名 tarot_theme_C.css。
 * 画面は <body data-theme="C">、鑑定書は <div class="tr-sheet-wrap" data-rtheme="C"> のとき効く（骨組みは tarot.css）。
 * 色・書体・角の丸みは変数で決める。鑑定書の文字は em（基準は tarot.css の .tr-sheet＝8.4pt。fit が縮める）。 */

/* ── 画面 ── */
body[data-theme="C"]{
 --bg:#f3f1f7; --ink:#37323f; --muted:#827c8d; --panel:#fff; --line:#e6e1ee; --line2:#f1eef5; --shadow:0 2px 12px rgba(80,60,110,.06);
 --r:18px; --r-sm:16px; --r-btn:999px; --r-card:8px; --r-tag:999px; --r-chip:6px;
 --serif:"Zen Maru Gothic","M PLUS Rounded 1c",sans-serif; --sans:"Zen Maru Gothic","M PLUS Rounded 1c",sans-serif; --latin:"Zen Maru Gothic",sans-serif; --h-weight:700;
 --accent:#c45f84; --accent-tx:#ad5276;
 --app-bg:#fff; --app-ink:#37323f; --app-line:#ebe6f1;
 --tag-bg:#fbe8ef; --tag-line:#fbe8ef; --tag-ink:#9e476a;
 --mic-bg:#fff0ee; --mic-ink:#97382e; --mic-line:#f1c2ba; --rec:#e35d4f; --rec-halo:rgba(227,93,79,.18); --rec-tx:#c2493c;
 --meter-bg:#eee9f4; --meter:#6fbb98;
 --btn-bg:#fff; --btn-ink:#48424f; --btn-line:#dcd5e5;
 --pri-bg:#c45f84; --pri-ink:#fff; --pri-line:#c45f84;
 --interim-ink:#37323f;
 --k-bg:#fff; --k-line:#ebe6f1; --k-ink:#2b2732; --k-ink2:#413b49; --k-muted:#8d879a; --k-sep:#f0ecf4;
 --k-font:"Zen Maru Gothic",sans-serif; --k-weight:700; --old-ink:#a9a2b4;
 --wheel-bg:#e9e4f3;
 --chart-line:#fff; --chart-spoke:rgba(255,255,255,.95);
 --slot-line:#c4b9d8; --slot-bg:rgba(255,255,255,.62); --slot-ink:#6c657c; --slot-no:#ad5276; --slot-add:#fff; --slot-add-line:#c45f84;
 --card-line:#fff; --card-shadow:0 3px 8px rgba(80,60,110,.2); --chip-bg:rgba(255,255,255,.94); --chip-ink:#ad5276;
 --name-bg:rgba(255,255,255,.94); --name-ink:#37323f; --rev:#c2493c; --rev-chip:#c2493c;
 --swap-bg:#fff; --swap-ink:#ad5276; --swap-line:#e8c1d0;
 --input-bg:#faf9fc; --dock-bg:#fff;
 --ng:#c2493c; --ok:#3f7660; --note-bg:#fbf8fd;
}
body[data-theme="C"] .tr-brand{ font-weight:700; letter-spacing:.04em; color:#ad5276; }
body[data-theme="C"] .tr-chart circle{ stroke-width:.7; }
body[data-theme="C"] .tr-chart .c-spoke{ stroke-width:.5; }
body[data-theme="C"] .tr-slot-add{ background:var(--accent); border-color:var(--accent); }
body[data-theme="C"] .tr-slot.is-filled .tr-slot-main{ border-width:2px; }
body[data-theme="C"] .tr-k-sub{ border-top:0; border-radius:12px; padding:10px 14px; }
body[data-theme="C"] .tr-k-sub.is-ask{ background:#eaf5ef; }
body[data-theme="C"] .tr-k-sub.is-points{ background:#f5f0fa; }
body[data-theme="C"] .tr-k-sub.is-ask .tr-k-label{ color:#3f7660; }
body[data-theme="C"] .tr-k-sub.is-points .tr-k-label{ color:#6f5590; }
body[data-theme="C"] .tr-points li + li{ border-top-color:#e2d8ee; }
body[data-theme="C"] .tr-bar, body[data-theme="C"] .tr-kanpe, body[data-theme="C"] .tr-talk-col{ border:0; }

/* ── 鑑定書（A4） ── */
.tr-sheet-wrap[data-rtheme="C"]{
 --desk:#ebe7f2; --paper:#fff;
 --p-ink:#3a3542; --p-muted:#8a8494; --p-head:#322d3a; --p-accent:#b65a7d; --p-line:#eee9f3; --p-line2:#e2dbea;
 --p-serif:"Zen Maru Gothic","M PLUS Rounded 1c",sans-serif; --p-sans:"Zen Maru Gothic","M PLUS Rounded 1c",sans-serif; --p-latin:"Zen Maru Gothic",sans-serif;
 --p-center-bg:#fdf1ed; --p-center-line:#fdf1ed; --p-thumb-bg:#f4f0f8; --p-up:#4f8a6f; --p-rev:#c0493c;
 --p-r:3mm; --p-r-thumb:1.4mm; --p-r-tag:3mm;
}
.tr-sheet-wrap[data-rtheme="C"] .tr-sh-head{ background:#f4f0fa; border-radius:4mm; padding:3.4mm 6mm; }
.tr-sheet-wrap[data-rtheme="C"] .tr-sh-title{ font-weight:700; }
.tr-sheet-wrap[data-rtheme="C"] .tr-sh-h{ font-weight:700; letter-spacing:.08em; color:var(--p-accent); }
.tr-sheet-wrap[data-rtheme="C"] .tr-sh-h::before{ content:""; flex:0 0 auto; width:2mm; height:2mm; border-radius:50%; background:#f0c3d3; align-self:center; }
.tr-sheet-wrap[data-rtheme="C"] .tr-sh-name{ font-weight:700; }
.tr-sheet-wrap[data-rtheme="C"] .tr-sh-overall{ background:#eff7f3; border-radius:3mm; padding:2.2mm 4mm 2.6mm; }
.tr-sheet-wrap[data-rtheme="C"] .tr-sh-overall .tr-sh-h{ color:#4f8a6f; }
.tr-sheet-wrap[data-rtheme="C"] .tr-sh-overall .tr-sh-h::before{ background:#bfe0cf; }
.tr-sheet-wrap[data-rtheme="C"] .tr-sh-overall p{ font-weight:500; }
.tr-sheet-wrap[data-rtheme="C"] .tr-shop{ background:#f7f5fa; border-top:0; border-radius:3mm; padding:2mm 3.5mm; }
