:root {
  /* ── Palette ─────────────────────────────────────────── */
  --color-body-bg: #2c2c2a;
  --color-sidebar-bg: #1f1f1e;
  --color-content-bg: #2c2c2a;
  --color-sidebar-font: #e0e0e0;
  --color-content-font: #e0e0e0;
  --color-sidebar-item-hover: #2a2a28;
  --color-sidebar-item-active: #3a3a38;
  --color-accent: #f0a500;
  --color-border: #3a3a38;
  --color-input-bg: #1f1f1e;
  --color-input-font: #e0e0e0;
  --color-pin-active: #f0a500;
  --color-pin-inactive: #555;
  --color-trash: #e74c3c;
  --color-search-icon: #2196F3;
  --color-search-highlight: #f0a500;

  /* ── Layout ──────────────────────────────────────────── */
  --sidebar-width: 380px;

  /* ── Sidebar typography ──────────────────────────────── */
  --font-sidebar-family: 'Oswald', sans-serif;
  --font-sidebar-size: 0.95rem;
  --font-sidebar-weight: 300;
  --font-sidebar-color: #e0e0e0;
  --font-sidebar-active-color: #f0a500;

  /* ── Note / Task title (H1 level) ────────────────────── */
  --font-title-family: 'Oswald', sans-serif;
  --font-title-size: 2rem;
  --font-title-weight: 500;
  --font-title-color: #e0e0e0;

  /* ── Note body textarea ──────────────────────────────── */
  --font-body-family: sans-serif;
  --font-body-size: 1rem;
  --font-body-weight: 400;
  --font-body-color: #e0e0e0;

  /* ── Task item text ──────────────────────────────────── */
  --font-task-family: sans-serif;
  --font-task-size: 0.95rem;
  --font-task-weight: 400;
  --font-task-color: #e0e0e0;
}