/* every tab has its own colour, the sidebar sticker for a tab shares it */
#view-today, [data-view="today"] { --accent: #5cefff; }
#view-tasks, [data-view="tasks"] { --accent: #ffae42; }
#view-notes, [data-view="notes"] { --accent: #ffe27a; }
#view-references, [data-view="references"] { --accent: #ff9fcf; }
#view-chat, [data-view="chat"] { --accent: #7ec8ff; }
#view-reminders, [data-view="reminders"] { --accent: #7dffc4; }
#view-studio, [data-view="studio"] { --accent: #9fdcff; }
[data-pane="timer"] { --accent: #5cefff; }
[data-pane="palette"] { --accent: #ff9fcf; }
[data-pane="prompts"] { --accent: #ffe27a; }
[data-pane="jobs"] { --accent: #7dffc4; }
#view-calendar, [data-view="calendar"] { --accent: #ff7a6b; }
#view-calculator, [data-view="calculator"] { --accent: #7dffc4; }
#view-server, [data-view="server"] { --accent: #ff9a62; }
#view-logs, [data-view="logs"] { --accent: #c6ff5a; }
#view-settings, [data-view="settings"] { --accent: #9fdcff; }
#view-web, .tab-sticker { --accent: #4aa6ff; }

.nav-sticker .sticker-icon { color: var(--accent); }
.nav-sticker.active .sticker-icon { color: #0e1a24; }
.nav-sticker { border-color: color-mix(in srgb, var(--accent) 35%, var(--line)); }

:root, .view, .nav-sticker, .overlay, #titlebar {
  --accent-dim: color-mix(in srgb, var(--accent) 45%, transparent);
  --glow: 0 0 10px color-mix(in srgb, var(--accent) 55%, transparent), 0 0 26px color-mix(in srgb, var(--accent) 25%, transparent);
  --glow-soft: 0 0 8px color-mix(in srgb, var(--accent) 35%, transparent);
}

.blob-one { background: var(--page-accent, var(--cyan)); transition: background-color 900ms ease; }
.blob-three { background: color-mix(in srgb, var(--page-accent, var(--pink)) 50%, var(--cyan)); transition: background-color 900ms ease; }
#titlebar { --accent: var(--page-accent, var(--cyan)); }