/* ── Dark theme ─────────────────────────────────────────────── */
[data-theme="dark"] {
  --color-bg:             #0F172A;
  --color-bg-secondary:   #1E293B;
  --color-surface:        #1E293B;
  --color-surface-hover:  #253347;
  --color-border:         #334155;
  --color-border-hover:   #475569;

  --color-text:           #F1F5F9;
  --color-text-secondary: #94A3B8;
  --color-text-muted:     #64748B;

  --color-today-bg:       #1E3A5F;
  --color-today-border:   #3B82F6;
  --color-today-num:      #60A5FA;

  --color-success-bg:     #064E3B;
  --color-danger-bg:      #450A0A;
  --color-warning-bg:     #451A03;
  --color-info-bg:        #1E3A5F;

  --color-primary-light:  #1E1B4B;

  --color-weekend-bg:     #131E2E;
  --color-other-month:    #334155;
  --color-other-month-bg: #131E2E;

  --color-selected-bg:    #1E1B4B;
  --color-dragover-bg:    #1E1B4B;

  /* Dark task palette — slightly desaturated to be easier on eyes */
  --task-blue-bg:    #1E3A5F; --task-blue-text:   #93C5FD; --task-blue-dot:   #3B82F6;
  --task-green-bg:   #064E3B; --task-green-text:  #6EE7B7; --task-green-dot:  #10B981;
  --task-red-bg:     #450A0A; --task-red-text:    #FCA5A5; --task-red-dot:    #EF4444;
  --task-orange-bg:  #431407; --task-orange-text: #FDBA74; --task-orange-dot: #F97316;
  --task-purple-bg:  #2E1065; --task-purple-text: #C4B5FD; --task-purple-dot: #8B5CF6;
  --task-gray-bg:    #1E293B; --task-gray-text:   #CBD5E1; --task-gray-dot:   #64748B;
  --task-pink-bg:    #500724; --task-pink-text:   #F9A8D4; --task-pink-dot:   #EC4899;
  --task-yellow-bg:  #451A03; --task-yellow-text: #FCD34D; --task-yellow-dot: #F59E0B;

  --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.3);
  --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.4), 0 1px 2px -1px rgb(0 0 0 / 0.3);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.4), 0 2px 4px -2px rgb(0 0 0 / 0.3);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.4), 0 4px 6px -4px rgb(0 0 0 / 0.3);
  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.5), 0 8px 10px -6px rgb(0 0 0 / 0.4);
  --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.7);
}

/* ── Theme transition ── */
body,
.header,
.calendar-cell,
.task-card,
.modal-box,
.sidebar,
.toolbar,
.search-input,
.btn,
.context-menu,
.toast {
  transition:
    background-color var(--transition-slow),
    border-color var(--transition-slow),
    color var(--transition-slow),
    box-shadow var(--transition-slow);
}