/* One palette per project, shared by home, covers and adjacent-project cards. */
[data-theme][data-theme] :is(.visual-reply, [data-project="reply"]) {
  --brand-bg: #e8eee8; --brand-fg: #183326; --brand-line: #168547;
}
[data-theme][data-theme] :is(.visual-deltatre, [data-project="deltatre"]) {
  --brand-bg: #f4e8e4; --brand-fg: #40231d; --brand-line: #b94e39;
}
[data-theme][data-theme] :is(.visual-telepass, [data-project="telepass"]) {
  --brand-bg: #f3edcf; --brand-fg: #3b3517; --brand-line: #8b771a;
}
[data-theme="dark"][data-theme] :is(.visual-reply, [data-project="reply"]) {
  --brand-bg: #15251e; --brand-fg: #edf4ef; --brand-line: #02d34a;
}
[data-theme="dark"][data-theme] :is(.visual-deltatre, [data-project="deltatre"]) {
  --brand-bg: #291e1c; --brand-fg: #f4ece9; --brand-line: #f58b76;
}
[data-theme="dark"][data-theme] :is(.visual-telepass, [data-project="telepass"]) {
  --brand-bg: #262514; --brand-fg: #f4d84b; --brand-line: #d9c453;
}
[data-theme] .case-visual,
[data-theme] .cs-cover[data-project],
[data-theme] .cs-nav-card .cs-brand-thumb[data-project] {
  background: var(--brand-bg);
  color: var(--brand-fg);
  border-color: color-mix(in srgb, var(--brand-fg) 24%, transparent);
  transition: background-color .25s ease, color .25s ease;
}
.case-visual::before { opacity: .2; background-image: linear-gradient(color-mix(in srgb, var(--brand-fg) 15%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--brand-fg) 15%, transparent) 1px, transparent 1px); }
.case-visual :is(.project-brand, .reply-brand) { width: 78%; height: auto; left: 11%; }
.case-visual .visual-axis { display: none; }
/* Reply metadata echoes the green symbol; a darker green keeps light-mode text readable. */
.visual-reply :is(.visual-code, .visual-caption) { color: #086b2b; }
[data-theme="dark"] .visual-reply :is(.visual-code, .visual-caption) { color: #02d34a; }
[data-theme="dark"] img[src="reply-logo.svg"] { content: url('reply-logo-dark.svg'); }
[data-theme="dark"] img[src="deltatre-logo.svg"] { content: url('deltatre-logo-dark.svg'); }
[data-theme="dark"] img[src="telepass-logo.svg"] { content: url('telepass-logo-dark.svg'); }
[data-theme] .cs-cover[data-project]::after,
[data-theme] .cs-nav-card .cs-brand-thumb[data-project]::after { content: none; display: none; }
.cs-cover-logo, .cs-brand-thumb .work-logo { position: relative; z-index: 1; }
[data-project="telepass"] .brand-logo svg path { fill: #151f27; }
[data-project="telepass"] .brand-logo svg path:first-child { fill: #ffdc00; fill-opacity: 1; }
@media (prefers-reduced-motion: reduce) {
  [data-theme] .case-visual, [data-theme] .cs-cover[data-project],
  [data-theme] .cs-nav-card .cs-brand-thumb[data-project] { transition: none; }
}