/* ASHITAKA 専用 theme.css
 * 添付された booking.php / reservation_manage.php の色を、そのまま分離。
 * 配置: このCSSと2つのPHPを同じフォルダーに置いてください。
 * 配色・余白・文字サイズは維持。標準の色変数名と旧変数名の両方に対応。
 * PHPの filemtime() により更新日時付きURLで読み込みます。
 * 管理画面の一部とキャンセル完了画面の青緑色も、元の指定を維持。
 */

:root {
  /* 元のテーマ変数（booking / reservation_manage） */
  --bg: #fdf8f6;
  --surface: #f5eef4;
  --text: #221c1e;
  --accent: #7d6070;
  --accent_soft: #e6d8d8;
  --muted: #836070;
  --card: #ffffff;
  --line: #e6d8d8;
  --ok: #156f1a;
  --ng: #999;
  --panel: #ffffff;
  --brand: #7d6070;
  --ring: rgba(125,96,112,.2);
  --border: #e6d8d8;
  --danger: #d32f2f;
  --danger-ink: #ffffff;

  /* 文字・背景・枠線：元の直接指定色 */
  --theme-black: #000;
  --theme-debug-text: #0f0;
  --theme-debug-bg: #111;
  --theme-link: #1a73e8;
  --theme-text-label: #444;
  --theme-text-description: #555;
  --theme-text-disabled: #55646a;
  --theme-text-secondary: #666;
  --theme-text-weekday: #766f5e;
  --theme-text-subtle: #777;
  --theme-error-text: #7f0000;
  --theme-logout: #b30000;
  --theme-success-border: #bfe3c3;
  --theme-danger-button: #c62828;
  --theme-status-bg: #c8dadd;

  --theme-danger-disabled: #e6a8a8;
  --theme-success-bg: #e7f6e9;
  --theme-avatar-bg: #eee;
  --theme-readonly-bg: #f8f8f8;
  --theme-grid-heading-bg: #faf7ef;
  --theme-white: #fff;
  --theme-error-bg: #fff5f5;
  --theme-panel-white: #ffffff;
  --theme-manage-toast-bg: #222;
  --theme-manage-label-text: #3a3429;
  --theme-completed-button-bg: #3b7d85;
  --theme-completed-text: #66767c;
  --theme-cancel-warning: #8a5b2b;
  --theme-danger-border: #b71c1c;
  --theme-ghost-hover-border: #cfc8b9;
  --theme-completed-border: #dfeaec;
  --theme-manage-info-bg: #f7fafb;
  --theme-shadow-card: rgba(0,0,0,.05);
  --theme-shadow-completed: rgba(0,0,0,.06);
  --theme-shadow-08: rgba(0,0,0,.08);
  --theme-shadow-12: rgba(0,0,0,.12);
  --theme-shadow-14: rgba(0,0,0,.14);
  --theme-shadow-15: rgba(0,0,0,.15);
  --theme-shadow-manage-modal: rgba(0,0,0,.18);
  --theme-shadow-manage-toast: rgba(0,0,0,.28);
  --theme-overlay: rgba(0,0,0,.35);
  --theme-text-placeholder: rgba(102,118,124,.55);
  --theme-footer-clear: rgba(255,254,251,.0);
  --theme-footer-middle: rgba(255,254,251,.85);
  --theme-footer-solid: rgba(255,254,251,1);
  --theme-manage-head-end: rgba(59,125,133,.03);
  --theme-manage-head-start: rgba(59,125,133,.08);
  --theme-manage-highlight: rgba(59,125,133,.16);
  --theme-manage-info-border: rgba(59,125,133,.35);

  /* 既存のreservation_manage.phpと旧booking.php用の互換名 */
  --theme-shadow-menu: var(--theme-shadow-08);
  --theme-logout-text: var(--theme-logout);
  --theme-help-text: var(--theme-text-secondary);
  --theme-secondary-text: var(--theme-text-subtle);
  --theme-description-text: var(--theme-text-description);
  --theme-more-link: var(--theme-link);
  --theme-disabled-text: var(--theme-text-disabled);
  --theme-weekday-text: var(--theme-text-weekday);
  --theme-footer-start: var(--theme-footer-clear);
  --theme-footer-end: var(--theme-footer-solid);
  --theme-label-text: var(--theme-text-label);
  --theme-placeholder: var(--theme-text-placeholder);
  --theme-shadow-select: var(--theme-shadow-14);
  --theme-backdrop: var(--theme-overlay);
  --theme-shadow-dialog: var(--theme-shadow-15);
  --theme-shadow-toast: var(--theme-shadow-12);
  --theme-danger: var(--danger);
  --theme-cancel-bg: var(--theme-danger-button);
  --theme-cancel-disabled-bg: var(--theme-danger-disabled);
  --theme-grid-corner-bg: var(--theme-grid-heading-bg);
}