#caveman-page-transition {
--pc-edge: color-mix(in srgb, var(--foreground) 26%, transparent);
      --pc-metal: color-mix(in srgb, var(--foreground) 15%, var(--background));
      --pc-side: color-mix(in srgb, var(--foreground) 25%, var(--background));
      --pc-recess: color-mix(in srgb, var(--foreground) 8%, var(--background));
      --pc-chip: color-mix(in srgb, var(--foreground) 73%, var(--background));
      --pc-pcb: color-mix(in srgb, var(--green) 26%, var(--background));
      --pc-trace: color-mix(in srgb, var(--green) 54%, var(--background));
      --pc-gold: color-mix(in srgb, var(--yellow) 72%, var(--orange));
      --pc-case: #191c21;
      --pc-case-side: #101216;
      --pc-case-top: #30353c;
      --pc-case-inner: #0e1115;
      --pc-case-edge: #515a65;
      --pc-psu-metal: #343b44;
      --pc-psu-edge: #78838e;
      --pc-hardware-silver: #c0c9d1;
      --pc-glow: color-mix(in srgb, var(--green) 65%, var(--yellow));
      --pc-glow-core: color-mix(in srgb, var(--pc-glow) 35%, #fff);
}
    #caveman-page-transition .edge { stroke: var(--pc-edge); stroke-width: 1.5; stroke-linejoin: round; }
    #caveman-page-transition .traces { fill: none; stroke: var(--pc-trace); stroke-width: 1.4; }
    #caveman-page-transition .chip { fill: var(--pc-chip); }
    #caveman-page-transition .contacts { fill: var(--pc-gold); }
    #caveman-page-transition .metal { fill: var(--pc-metal); }
    #caveman-page-transition .side { fill: var(--pc-side); }
    #caveman-page-transition .recess { fill: var(--pc-recess); }
    #caveman-page-transition .pcb { fill: var(--pc-pcb); }
    #caveman-page-transition .fine-traces { fill: none; stroke: var(--pc-trace); stroke-width: .65; }
    #caveman-page-transition .silkscreen { fill: none; stroke: var(--pc-metal); stroke-width: .8; }
    #caveman-page-transition #pc-board-hardware {
      --pc-pcb: color-mix(in srgb, var(--green) 18%, var(--pc-case-inner));
      --pc-trace: color-mix(in srgb, var(--green) 38%, var(--pc-case-inner));
      --pc-chip: var(--pc-case);
      --pc-edge: var(--pc-case-edge);
      --pc-metal: var(--pc-hardware-silver);
      --pc-side: var(--pc-psu-metal);
      --pc-recess: var(--pc-case-inner);
    }
    #caveman-page-transition #pc-motherboard .traces { stroke-width: .8; opacity: .72; }
    #caveman-page-transition #pc-motherboard .fine-traces { stroke-width: .5; opacity: .8; }
    #caveman-page-transition #pc-motherboard .silkscreen { opacity: .65; }
    #caveman-page-transition #pc-board-hardware .chip { stroke: var(--pc-case-edge); stroke-width: .55; }
    #caveman-page-transition #pc-gpu { --pc-edge: var(--pc-psu-edge); --pc-recess: var(--pc-case-inner); --pc-metal: var(--pc-hardware-silver); }
    #caveman-page-transition #pc-chassis { --pc-edge: var(--pc-case-edge); --pc-metal: var(--pc-case); --pc-side: var(--pc-case-side); --pc-recess: var(--pc-case-inner); }
    #caveman-page-transition #pc-chassis .case-highlight { fill: none; stroke: var(--pc-case-edge); stroke-width: 1; }
    #caveman-page-transition #pc-psu { --pc-edge: var(--pc-psu-edge); }
    #caveman-page-transition .psu-edge { stroke: var(--pc-psu-edge); stroke-width: 1; stroke-linejoin: round; }
    #caveman-page-transition .psu-grille { fill: none; stroke: var(--pc-hardware-silver); stroke-width: 1.2; }
    #caveman-page-transition .power-light { fill: var(--pc-glow-core); }
    #caveman-page-transition .cable { fill: none; stroke: #252c34; stroke-width: 9; stroke-linecap: round; stroke-linejoin: round; }
    #caveman-page-transition .cable-highlight { fill: none; stroke: #88949c; stroke-width: 1.5; stroke-linecap: round; }
