:root {
  /* 創作物向け暖色ダーク（深夜の書斎・聖鳳の格式） */
  --bg: #0f1015;           /* 深い夜色（純黒回避） */
  --bg-grad: radial-gradient(ellipse at top, #15161e 0%, #0d0e13 60%, #0a0b10 100%);
  --panel: #1a1b22;        /* カード背景 */
  --panel2: #232530;       /* hover/active 背景 */
  --line: #2b2d38;         /* 境界線 */
  --text: #e8e3d8;         /* クリーム白（純白回避・目に優しい） */
  --muted: #8a8576;        /* セピア系muted */
  --accent: #d4a35f;       /* 金色（聖鳳の格式・橘家風） */
  --accent2: #9cb8d4;      /* 藍色（近衛家風） */
  --accent3: #b8a3d4;      /* 藤紫（一条家風） */
  --done: #7fb069;         /* 落ち着いた緑 */
  --prog: #e2a64c;         /* 琥珀 */
  --todo: #6e6859;         /* セピア grey */
  --bar-bg: #25272f;
  --link: #f0c97b;         /* 金色寄り */
  --emphasis: #e88c8c;     /* 朱色（強調） */
  --serif: "Noto Serif JP", "Shippori Mincho", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", serif;
  --sans: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", sans-serif;

  --space-1: 4px;
  --space-2: 6px;
  --space-3: 8px;
  --space-4: 10px;
  --space-5: 12px;
  --space-6: 14px;
  --space-8: 18px;
  --space-10: 24px;

  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-pill: 999px;

  --shadow-card: inset 0 1px 0 rgba(212,163,95,0.16), 0 8px 18px rgba(0,0,0,0.20);
  --shadow-card-soft: inset 0 1px 0 rgba(212,163,95,0.14), 0 8px 18px rgba(0,0,0,0.18);
  --shadow-card-hover: inset 0 1px 0 rgba(212,163,95,0.36), 0 8px 18px rgba(0,0,0,0.42);
  --shadow-tabbar: 0 -12px 28px rgba(0,0,0,0.46), inset 0 1px 0 rgba(212,163,95,0.16);
  --shadow-popover: 0 12px 30px rgba(0,0,0,0.45);

  --z-header: 10;
  --z-action-menu: 30;
  --z-toast: 30;
  --z-fab: 900;
  --z-tabbar: 980;
  --z-lightbox: 2000;
  --z-modal: 1500;

  --transition-press: .12s;
  --transition-fast: .16s;
  --transition-base: .18s;
  --transition-medium: .2s;
}