/* Presentation layers use the same palette as the registry and tools. */
html[data-palette] .site-header,
html[data-palette].ax-home-orbit-page .site-header {
  --red: var(--theme-red);
  --redhot: var(--theme-red-hover);
  background: var(--theme-bg);
  color: var(--theme-ink);
  border-color: var(--theme-line);
  backdrop-filter: none;
}
html[data-palette] .site-header .brand-type strong,
html[data-palette] .site-header .nav a:is(:hover, :focus-visible, .is-active) { color: var(--theme-ink); }
html[data-palette] .site-header .brand-type small,
html[data-palette] .site-header .nav a { color: var(--theme-muted); }
html[data-palette] .site-header .nav { border-color: var(--theme-line); }
html[data-palette] .site-header .admin-link {
  color: var(--theme-ink); border-color: var(--theme-line); background: transparent;
}
html[data-palette] .site-header .admin-link:is(:hover, :focus-visible) {
  color: var(--theme-ink); border-color: var(--theme-red); background: var(--theme-red-soft);
}
html[data-palette] .site-header .personal-icon svg { stroke: currentColor; }
html[data-palette] .site-header .nav a.is-active:after,
html[data-palette] .main-nav-indicator { background: var(--theme-red); }
html[data-palette] #view-home,
html[data-palette] #view-home .cinema-hero {
  --home-red: var(--theme-red);
  --red: var(--theme-red);
  --redhot: var(--theme-red-hover);
  color: var(--theme-ink); background: var(--theme-bg);
}
html[data-palette] #view-home .cinema-copy h1 { color: var(--theme-ink); }
html[data-palette] #view-home .cinema-hero .title-line-red { color: var(--theme-red); }
html[data-palette] #view-home .cinema-eyebrow,
html[data-palette] #view-home .cinema-lead,
html[data-palette] #view-home .hero-join h2 { color: var(--theme-muted); }
html[data-palette] #view-home .cinema-lead { border-color: var(--theme-line); }
html[data-palette] #view-home .hero-topline,
html[data-palette] #view-home .hero-topline small,
html[data-palette] #view-home .hero-registry-counts small,
html[data-palette] #view-home .hero-chapter { color: var(--theme-muted); }
html[data-palette] #view-home .hero-registry-counts strong { color: var(--theme-ink); }
html[data-palette] #view-home .hero-topline small,
html[data-palette] #view-home .hero-baseline,
html[data-palette] #view-home .hero-join { border-color: var(--theme-line); }
html[data-palette] #view-home .hero-kicker-line { background: var(--theme-red); }
html[data-palette] #view-home .cinema-text-link {
  color: var(--theme-ink); border-color: var(--theme-line);
}
html[data-palette] #view-home .cinema-text-link span,
html[data-palette] #view-home .section-index { color: var(--theme-red); }
html[data-palette] #view-home .cinema-text-link:is(:hover, :focus-visible) { border-color: var(--theme-red); }
html[data-palette] #view-home .cinema-hero .btn-red {
  color: var(--theme-on-red); background: var(--theme-red-control); border-color: var(--theme-red-control);
}
html[data-palette] #view-home .cinema-hero .btn-red:is(:hover, :focus-visible) {
  background: var(--theme-red-control-hover); border-color: var(--theme-red-control-hover);
}
html[data-palette] #view-home .cinema-hero .btn-outline {
  color: var(--theme-ink); background: transparent; border-color: var(--theme-line);
}
html[data-palette] #view-home .cinema-hero .btn-outline:is(:hover, :focus-visible) {
  color: var(--theme-red); background: var(--theme-red-soft); border-color: var(--theme-red);
}
html[data-palette] #view-home .cinema-hero .btn-discord {
  color: var(--theme-cream); background: #2c272b; border-color: #2c272b;
}
html[data-palette] #view-home .cinema-hero .btn-discord:is(:hover, :focus-visible) {
  background: #453b40; border-color: #453b40;
}
html[data-palette] #view-home .hero-ghost {
  -webkit-text-stroke-color: color-mix(in srgb, var(--theme-ink) 10%, transparent);
}
html[data-palette] #view-home .title-outline,
html[data-palette] #view-home .title-outline-red {
  -webkit-text-stroke-color: var(--theme-ink); opacity: .045 !important;
}
html[data-palette] #view-home .title-outline-red { -webkit-text-stroke-color: var(--theme-red); }
html[data-palette] #view-home :is(.org-introduction, .editorial-section) { color: var(--theme-ink); }
html[data-palette] #view-home :is(.archive-section, .structure-section, .manifesto-section) {
  color: var(--theme-ink); background: var(--theme-surface); border-color: var(--theme-line);
}
html[data-palette] #view-home :is(.org-brand-panel h2, .structure-title, .archive-heading h2, .archive-slide h3,
 .org-story .org-intro-lead, .structure-board h3, .principle-copy strong, .structure-detail p strong) {
  color: var(--theme-ink);
}
html[data-palette] #view-home :is(.org-brand-panel h2 em, .org-prose>p:not(.org-intro-lead), .org-company,
 .org-since>span, .org-source-note, .principle-copy small, .structure-summary, .structure-board p,
 .structure-detail p>span, .structure-label, .manifesto-end>span:last-child,
 .archive-slide figcaption p, .archive-bottom, .archive-slide figcaption small) { color: var(--theme-muted); }
html[data-palette] #view-home :is(.org-source-note, .org-since>span, .principle, .structure-board, .structure-division) {
  border-color: var(--theme-line);
}
html[data-palette] #view-home .org-principles button.principle { border-color: var(--theme-line); }
html[data-palette] #view-home :is(.principle>b, .principle>span:first-child, .manifesto-end>span:first-child) { color: var(--theme-red); }
html[data-palette] #view-home .principle:is(:hover, :focus-visible) { background: var(--theme-red-soft); }
html[data-palette] #view-home :is(.org-since strong, .archive-number) {
  -webkit-text-stroke-color: var(--theme-muted);
}
html[data-palette] #view-home .emblem-circle { border-color: color-mix(in srgb, var(--theme-red) 25%, transparent); }
html[data-palette] #view-home .emblem-circle:before { background: var(--theme-red); }
html[data-palette] #view-home .manifesto-section:after { -webkit-text-stroke-color: var(--theme-line); }
html[data-palette] #view-home .manifesto-line { color: var(--theme-ink); }
html[data-palette] #view-home .manifesto-red { color: var(--theme-red); }
html[data-palette].home-motion #view-home [data-fill-text] {
  background-image: linear-gradient(90deg,var(--theme-ink) var(--fill,0%),var(--theme-line) var(--fill,0%));
  color: transparent;
}
html[data-palette].home-motion #view-home [data-fill-text].manifesto-red {
  background-image: linear-gradient(90deg,var(--theme-red) var(--fill,0%),var(--theme-line) var(--fill,0%));
}
html[data-palette].motion-off #view-home .manifesto-line { color: var(--theme-ink) !important; }
html[data-palette].motion-off #view-home .manifesto-red { color: var(--theme-red) !important; }
html[data-palette] #view-home .archive-photo { background: var(--theme-surface2); border-color: var(--theme-line); }
html[data-palette] #view-home .archive-controls button {
  background: transparent; border-color: var(--theme-line); color: var(--theme-muted);
}
html[data-palette] #view-home .archive-controls button:is(:hover, :focus-visible, [aria-pressed="true"]) {
  background: var(--theme-red-control); color: var(--theme-on-red); border-color: var(--theme-red-control);
}
html[data-palette] #view-home :is(.archive-control-rule,.archive-progress) { background: var(--theme-line); }
html[data-palette] #view-home .archive-progress>span { background: var(--theme-red); }
/* Labels on photographs retain their photographic overlay treatment. */
html[data-palette] #view-home .photo-expand,
html[data-palette] .home-photo-close { background: #211a20dd; color: #f7f1e9; border-color: #f7f1e966; }
html[data-palette] .home-photo-modal { background: var(--theme-surface); color: var(--theme-ink); border-color: var(--theme-line); }
html[data-palette] .home-photo-modal p { color: var(--theme-muted); }
html[data-palette] #view-home .join-section {
  background: var(--theme-red-control); color: var(--theme-on-red);
}
html[data-palette] #view-home .join-section :is(.section-index, .join-heading h2, .join-link strong, .join-link>b) {
  color: var(--theme-on-red);
}
html[data-palette] #view-home .join-section :is(.join-topline>span:last-child,.join-base>p,.join-link small,
 .join-link span,.join-signoff>span,.join-signoff small,.join-signoff>p) {
  color: var(--theme-on-red);
}
html[data-palette] #view-home :is(.join-signoff,.join-link) {
  border-color: color-mix(in srgb,var(--theme-on-red) 35%,transparent);
}
html[data-palette] #view-home .join-link { background: color-mix(in srgb,var(--theme-red-control) 92%,#141113); }
html[data-palette] #view-home .join-link:before { background: #2c272b; }
html[data-palette] #view-home .join-ghost { color: #54122024; }
html[data-palette] #view-home .kinetic-band { background: var(--theme-red-control); color: var(--theme-on-red); border-color: var(--theme-red-control-hover); }
html[data-palette] #view-home .kinetic-track span:nth-of-type(even) { -webkit-text-stroke-color: var(--theme-on-red); }
html[data-palette] .site-footer { background: var(--theme-bg); border-color: var(--theme-line); }
html[data-palette] .site-footer :is(p,a) { color: var(--theme-muted); }
html[data-palette] #motion-toggle { background: var(--theme-surface); color: var(--theme-muted); border-color: var(--theme-line); }
html[data-palette] .ax-orbit-graph-label { color: var(--theme-ink); }
html[data-palette] .ax-orbit-graph-links { stroke: var(--theme-red); }
html[data-palette] .home-progress>span { background: var(--theme-red); }

/* Small editorial labels use a readable text shade of the same red family. */
html[data-palette] #view-home .section-index { color: var(--theme-red-control); }
html[data-palette="dark"] #view-home .section-index { color: color-mix(in srgb,var(--theme-red) 80%,var(--theme-cream)); }
html[data-palette] #view-home .join-section .section-index { color: var(--theme-on-red); }