/**
 * 練習会 Design Tokens
 * 正: docs/reports/2026-09-clinic-mypage-prototype.html
 * Ainy プラットフォームの --primary-color 等は使わない。
 */

body.clinic-app,
.admin-clinic-sns,
.admin-clinic-sns-preview,
.admin-announce,
body.clinic-announce-admin {
  --clinic-bg: #eff6fb;
  --clinic-surface: #ffffff;
  --clinic-surface-2: #e7f3fc;
  --clinic-surface-3: #fff6e3;
  --clinic-line: #d6e5f1;
  --clinic-line-strong: #bbd3e6;
  --clinic-notice-image-line: #d9e6f0;
  --clinic-ink: #0e2e52;
  --clinic-ink-2: #38597e;
  --clinic-muted: #6d86a2;
  --clinic-blue: #0b9be3;
  --clinic-blue-deep: #0670a9;
  --clinic-blue-soft: #d9eefb;
  --clinic-cyan: #25b7f2;
  --clinic-gold: #f0ac12;
  --clinic-gold-soft: #ffefc8;
  --clinic-gold-ink: #3d2a00;
  --clinic-orange: #f47b20;
  --clinic-orange-deep: #d8630d;
  --clinic-orange-soft: #fff1e5;
  --clinic-good: #127a62;
  --clinic-good-soft: #d8f0e8;
  --clinic-warn: #b96a10;
  --clinic-warn-soft: #ffe9c6;
  --clinic-danger: #bf4038;
  --clinic-danger-soft: #fbe0dd;
  /* 公開案内の埋まり具合（§4.0.2）。背景 / 文字 / バー */
  --clinic-fill-easy-bg: #dff4ea;
  --clinic-fill-easy-ink: #17694a;
  --clinic-fill-easy-bar: #2fb37a;
  --clinic-fill-fit-bg: #dcefff;
  --clinic-fill-fit-ink: #0d5a93;
  --clinic-fill-fit-bar: #2f8fd8;
  --clinic-fill-busy-bg: #fdeedd;
  --clinic-fill-busy-ink: #9a4f0c;
  --clinic-fill-busy-bar: #ef8a2c;
  --clinic-fill-full-bg: #eef0f2;
  --clinic-fill-full-ink: #5b6670;
  --clinic-fill-full-bar: #9aa5b0;
  --clinic-fill-track: #e6edf2;
  --clinic-cal-full-bg: #f4f6f8;
  --clinic-cal-full-line: #dde3e8;
  --clinic-on-blue: #ffffff;
  --kids-stop: #B42318;
  --kids-accent-soft: #FFF6E4;
  --kids-radius: 16px;
  --kids-can-bg: #F5F9FC;
  --kids-can-icon: #E3F1FA;
  --kids-can-line: #0b9be3;
  --kids-can-radius: 12px;
  /* 説明・注意の箱（callout）とパネル。塗りだけの青箱をやめ、薄い地＋線で区切る（2026-09-24） */
  --clinic-callout-bg: #f7fbfe;
  --clinic-callout-line: #d6e5f1;
  --clinic-callout-accent: #0b9be3;
  --clinic-callout-warn-bg: #fffaf2;
  --clinic-callout-warn-accent: #f0ac12;
  --clinic-shadow: 0 1px 2px rgba(14, 46, 82, 0.06), 0 8px 24px rgba(14, 46, 82, 0.07);
  --clinic-shadow-sm: 0 1px 2px rgba(14, 46, 82, 0.07);
  --clinic-radius: 14px;
  --clinic-font: "Noto Sans JP", "Hiragino Kaku Gothic ProN", system-ui, sans-serif;
  --clinic-font-display: "Zen Kaku Gothic New", "Noto Sans JP", system-ui, sans-serif;
  --clinic-font-num: "Barlow", "Noto Sans JP", sans-serif;
  --clinic-font-script: "Caveat", cursive;
  --clinic-shell-max: 660px;
  --clinic-shell-pad-x: 14px;
  color-scheme: light;
}

body.clinic-app.kids-app {
  /* 見本 docs/design/kids-page/。保護者のほかの画面はクリニックの水色のまま。 */
  --clinic-bg: #eef5fb;
  --clinic-blue: #0a78b8;
  --clinic-blue-deep: #075a8a;
  --clinic-blue-soft: #e3f1fa;
  --clinic-gold: #f2a516;
  --clinic-gold-soft: #fff4dc;
  --clinic-gold-ink: #3d2800;
  --clinic-ink: #0f2a44;
  --clinic-muted: #4a6177;
  --clinic-line: #e3ecf4;
  --kids-accent: #f2a516;
  --kids-accent-soft: #fff4dc;
  --kids-accent-ink: #8a5300;
  --kids-good: #1b6e4a;
  --kids-good-soft: #e2f4ec;
  --kids-good-ink: #14563a;
  --kids-grey-bg: #eef1f4;
  --kids-grey-ink: #4a5a6a;
  --kids-stop: #b42318;
  --kids-shadow: 0 1px 3px rgba(15, 42, 68, 0.08);
  --kids-radius: 16px;
}