/* Projects has one palette across its hub, tabs, and direct project links. */
.projects-teal.projects-teal {
  --accent:114,187,170;
  --ink:#eaf4f6;
  --muted:#a9bdc5;
  --dim:var(--muted);
  --black:#080f13;
  --panel:#14232b;
  --blood:#72bbaa;
  --blood-bright:#72bbaa;
  --blood-wash:rgba(114,187,170,.1);
  --line:rgba(114,187,170,.27);
  --soft-line:rgba(114,187,170,.1);
  color:var(--ink);
}
body.projects-teal {background:radial-gradient(ellipse 55rem 36rem at 85% 12%,rgba(114,187,170,.08),transparent 70%),var(--black)}
.projects-teal .site-header {background:linear-gradient(180deg,var(--black),transparent)}
.projects-teal .mira-hub-button {background:linear-gradient(145deg,#182e33,var(--panel));border-color:var(--line);color:var(--ink)}
.projects-teal .mira-hub-button:hover {background:linear-gradient(145deg,#254139,var(--panel));border-color:var(--blood-bright)}
.projects-teal .mira-hub-button[aria-selected="true"] {background:#203e39;border-color:var(--blood-bright);box-shadow:inset 3px 0 0 var(--blood-bright),0 5px 22px #0003}
.projects-teal .mira-hub-description,.projects-teal .mira-hub-button[aria-selected="true"] .mira-hub-description,
.projects-teal .project-copy li,.projects-teal .site-menu-head,.projects-teal .site-menu-note {color:var(--muted)}
.projects-teal :is(h1,h2,h3,strong) {color:var(--ink)}
.projects-teal .project-section-rule {background:linear-gradient(90deg,#72bbaa6b,#ffffff12 46%,transparent)}
.projects-teal .project-card {background:linear-gradient(110deg,#72bbaa09,transparent 48%),var(--panel)}
.projects-teal .project-card[open],.projects-teal .project-actions a.primary,.projects-teal .project-download-link {border-color:var(--blood-bright)}
.projects-teal .project-status {border-color:var(--line);color:var(--blood-bright)}
.projects-teal .project-visual {background:var(--black)}
.projects-teal .project-placeholder {background:radial-gradient(circle at 50% 42%,#72bbaa2b,transparent 48%),repeating-linear-gradient(90deg,transparent 0 1.6rem,#72bbaa06 1.6rem 1.68rem),var(--black)}
.projects-teal .site-menu>summary {background:#14232beb;border-color:var(--line);color:var(--ink)}
.projects-teal .site-menu-panel {background:radial-gradient(ellipse at 100% 0,#72bbaa1f,transparent 65%),var(--black);color:var(--ink)}
.projects-teal .site-menu-panel nav a {color:var(--ink)}
.projects-teal .site-menu :focus-visible {outline-color:var(--blood-bright)}
.projects-teal .site-hashtag span::before {box-shadow:0 0 .45rem #72bbaa45}
.projects-teal #beside-pearl-field {filter:sepia(.25) hue-rotate(95deg)}