/* Brand color: TranscEngram VI 2026, Color Matching, p.13.
   Neutral UI tones support text, surfaces and borders; they are not extra brand colors. */
:root {
  --vi-brand: #28E7C5;
  --vi-n0: #000000;
  --vi-n11: #0B0B0B;
  --vi-n23: #171717;
  --vi-n51: #333333;
  --vi-n77: #4D4D4D;
  --vi-n92: #5C5C5C;
  --vi-n118: #767676;
  --vi-n153: #999999;
  --vi-n189: #BDBDBD;
  --vi-n217: #D9D9D9;
  --vi-n245: #F5F5F5;
  --vi-n255: #FFFFFF;
  --teal: var(--vi-brand);
  --black: var(--vi-n0);
  --white: var(--vi-n255);
  --ui-brand: var(--vi-brand);
  --ui-action: var(--vi-n0);
  --ui-ink: var(--vi-n0);
  --cin-ink: var(--vi-n0);
  --ui-muted: var(--vi-n92);
  --cin-muted: var(--vi-n92);
  --ui-surface: var(--vi-n245);
  --gray-50: var(--vi-n245);
  --gray-200: var(--vi-n217);
  --gray-600: var(--vi-n92);
}
body {color: var(--vi-n0);background: var(--vi-n255);}
body main :is(h1,h2,h3,h4) {color: inherit;}
body .btn-primary {background: var(--vi-brand);border-color: var(--vi-brand);color: var(--vi-n0);}
body .site-header .btn-primary,
body .contact-form .btn-primary,
body .rd-cta .btn-primary {background: var(--vi-n0);border-color: var(--vi-n0);color: var(--vi-n255);}
body .site-header .menu a[aria-current="page"] {background: var(--vi-n245);color: var(--vi-n0);}
body .site-header .nav-links a[aria-current],
body .site-header .nav-links a.current-section {text-decoration-color: var(--vi-brand);}
body .te-footer.footer-v14 {background: var(--vi-n0);border-color: var(--vi-n51);}
body .on-dark :is(.eyebrow,.wa-eyebrow),
body .te-footer a:hover {color: var(--vi-brand);}
.founding-team-page .about-founder {background: var(--vi-n245);border-color: var(--vi-n217);}
main.founding-team-page :is(h1,h2,h3,.about-role) {color: var(--vi-n0);}
main.founding-team-page :is(.about-copy,.team-intro,.faculty-byline) {color: var(--vi-n92);}
main.founding-team-page :is(.about-text-link,.faculty-links a) {color: var(--vi-n0);text-decoration-color: var(--vi-brand);}
main.founding-team-page .about-founder ul {color: var(--vi-n92);}
.founding-team-page .about-founder li::marker {color: var(--vi-n0);}
.founding-team-page .team-portrait-frame {background: var(--vi-n255);}
.wa-page .skill-scene {color: var(--vi-brand);}
.wa-page .skill-tasks button[aria-pressed="true"] {background: var(--vi-brand);color: var(--vi-n0);}
.wa-page .skill-sequence button[aria-pressed="true"] {border-color: var(--vi-brand);color: var(--vi-n255);}
.wa-page .ig-level-tabs button[aria-selected="true"] {box-shadow: inset 0 -3px var(--vi-brand);}
.wa-page .hyper-tabs button[aria-selected="true"] {border-color: var(--vi-brand);color: var(--vi-n0);}
.scene-choice[aria-pressed="true"] {border-color: var(--vi-brand);box-shadow: 0 0 0 1px var(--vi-brand);}
::selection {background: var(--vi-brand);color: var(--vi-n0);}

/* Small labels retain readable contrast on both neutral surface families. */
.wa-page .wa-source {color: var(--vi-n92);}
.wa-page .wa-generalization > .wrap > .wa-source {color: var(--vi-n153);}
.wa-page .hyper-tabs button {color: var(--vi-n92);}
.wa-page .skill-bank [data-primitive]:not(.used) {color: var(--vi-n153);}
.wa-page .skill-sequence button[aria-pressed="true"] .skill-step-index {color: var(--vi-n189);}
.teleop-release .tele-setup-film .tele-step {color: var(--vi-n92);}
.tree .c {color: var(--vi-n153);}
.model-tabs a[aria-current="page"] {border-bottom-color: var(--vi-brand);}