:root {
  --page-bg: #c6e4fd;
  --chrome-bg: #fff0bf;
  --chrome-fg: #133b5b;
  --ink: #133b5b;
  --muted-ink: #3d5a73;
  /* Cool light blue — Explore chips / Upcoming panels (mobile + web). */
  --surface: #f4f7fa;
  --list-panel: #f4f7fa;
  --mist: #dae9ed;
  --accent: #f3d485;
  --accent-soft: #fffbee;
  --accent-strong: #6b4e12;
  --soft-teal: #a5c7df;
  --selected-bg: #a5c7df;
  --selected-fg: #133b5b;
  --danger: #e25555;
  --live-red: #ff4d4f;
  --shadow: 0 8px 24px rgba(19, 59, 91, 0.12);
  --radius: 16px;
  --font-display: "Fraunces", Georgia, serif;
  --font-body: "Nunito", "Segoe UI", sans-serif;
  --nav-bg: #fffbee;
  --title-ink: #133b5b;
  /* Yellow chrome → blue content ledge (Option 2, +10%). */
  --chrome-edge: rgba(19, 59, 91, 0.154);
  --chrome-shelf-down: 0 3.5px 9px rgba(19, 59, 91, 0.11);
  --chrome-shelf-up: 0 -3.5px 9px rgba(19, 59, 91, 0.11);
  /*
   * Soft depth under Shri Mataji portrait (photo + baked-in name).
   * 0 = flat, 1 = medium (default), 2 = strong.
   * Change --portrait-depth only; shadow knobs scale from it.
   */
  --portrait-depth: 2;
}