:root[data-red-type="on"]{--type-blood:#cf0102;--type-main:#cf0102;--type-wine:#602b35}
:root[data-red-type="on"] :is(.product-name,.masthead nav a,.profile-link,.project-heading h2,.project-heading h2 a,.person h2,.person h2 a){color:var(--type-blood)}
:root[data-red-type="on"] :is(.project-description,.person .bio,.person .ability){color:var(--type-main)}

/* Quiet supporting information, with the emphasis kept on the project itself. */
:root[data-red-type="on"] :is(.results-heading h2,.results-heading>span,.role-line,.role-line span,.project-facts dt,.project-facts dd,.person .meta){color:#50514c}
:root[data-red-type="on"] .home-intro .primary{color:var(--type-blood);border-color:#542d34}
:root[data-red-type="on"] .home-intro .primary:hover{color:var(--type-blood);border-color:var(--type-wine)}
:root[data-red-type="on"] .product-name{text-shadow:none}
:root[data-red-type="on"] .product-name::before{background:radial-gradient(ellipse,rgb(207 1 2 / .13),transparent 70%)}

:root[data-red-type="on"] .masthead nav a[aria-current="page"]{color:var(--type-blood)}




/* A fine braided cord, anchored above the viewport, with the original brass pull. */
.snake-cord{position:fixed;inset:0;width:100%;height:100%;z-index:12;pointer-events:none;overflow:hidden;fill:none;stroke-linecap:round}
.snake-cord .cord-shadow{stroke:color-mix(in srgb,var(--muted) 45%,var(--bg));stroke-width:2}
.snake-cord .cord-body{stroke:var(--muted);stroke-width:1}
.snake-cord .cord-fiber{stroke:var(--ink);stroke-width:.5;stroke-dasharray:1 3;opacity:.55}
.snake-switch{position:fixed;z-index:13;top:0;left:0;width:44px;height:48px;padding:8px 14px;margin:0;border:0;background:transparent;cursor:grab;touch-action:none;user-select:none;transform-origin:22px 10px}
.snake-switch img{display:block;width:16px;height:32px;object-fit:contain;pointer-events:none}
.snake-switch:hover{background:transparent}
.snake-switch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.snake-switch.is-pulling{cursor:grabbing}
:root[data-snake="off"] .edge-snake{visibility:hidden}
@media(max-width:700px){.snake-switch{height:44px;padding:8px 16px}.snake-switch img{width:12px;height:24px}}
@media(forced-colors:active){.snake-switch{border:1px solid ButtonText}.snake-cord .cord-body{stroke:ButtonText}}
@media print{.snake-switch,.snake-cord{display:none}}