/* Polarity experiment: remove this stylesheet link to restore the dark palette.
   Color only; geometry, typography and lifecycle remain in their original files. */
:root {
  color-scheme: light;
  --environment: #f5f5f3;
  --information: #111111;
  --secondary: #62616b;
  --quiet: #85848c;
  --structure: #d5d5da;
  --system-label: #686770;
  --activity: #7160cf;
  /* Compatibility aliases for the existing semantic surface/ink references. */
  --black: var(--environment);
  --white: var(--information);
  --grey: var(--secondary);
  --dim: var(--quiet);
  --line: var(--structure);
  --violet: var(--activity);
}

.gs-system-id { color: var(--system-label); }
.hero::after { border-bottom-color: #ceced4; }

.signal-line { background: var(--system-label); }
.fragments-arrow[aria-disabled="true"] { color: #aaa9b0; }
.fragments-note .fragments-name { color: #484750; }

.system-status { border-top-color: #e0e0e3; color: var(--secondary); }
.system-status-version { color: var(--quiet); }

.link-intro {
  background: var(--environment);
  --signal-violet: #8b7cff;
  --signal-lavender: #8471d7;
  --signal-highlight: #6755b1;
  --signal-core: #514279;
}
.link-cables path { stroke: #9390a5; }
.link-energy-path {
  stroke: color-mix(in srgb, #7066a8 calc(var(--color-charge) * 100%), #867498);
}
.link-assembly { color: #45434c; }
.link-control:focus-visible + .link-prompt {
  color: var(--information); --bracket-color: #8873bc;
}
@media (hover: hover) and (pointer: fine) {
  .link-control:hover + .link-prompt { color: var(--information); --bracket-color: #8873bc; }
}
.link-intro:is([data-state="wake"], [data-state="charge"], [data-state="synchronize"], [data-state="align"], [data-state="lock"]) .link-prompt {
  color: var(--information); --bracket-color: var(--violet);
}
.link-prompt { --bracket-color: #8b8993; }
.link-node-dark { fill: var(--environment); }
.node-data-gap { stroke: var(--environment); }
.link-node-rim { stroke: #747080; }
.node-fragments { stroke: #9c9aa5; }
.node-calibration { stroke: #797582; }
.node-data-ring { stroke: #82729f; }
.node-markers { fill: #817989; stroke: #817989; }
.node-core-trace { stroke: #91859d; }
.link-node-ring { stroke: #6d6279; }
.link-progress { color: var(--system-label); }
.link-console { color: var(--secondary); }
.link-console-active::before { color: var(--violet); }
.link-corner:where(:not(.gs-system-id)) { color: var(--system-label); }
.link-corner--signature { color: var(--quiet); }