/* calebstallard.com — approved palette exploration, preview only.
 * Plum #603B67 · Vermilion #E34D42 · Glacier #93D4DF
 * Neobrutalism chrome, no dependency, no changes to project logos or
 * the user's exact original SnapMol/SnapLattice image.
 *
 * Text contrast pairs:
 * white on plum ≈9.06:1; dark ink on glacier ≈9.06:1.
 * Vermilion #E34D42 does NOT support normal-sized white or ink text
 * at 4.5:1; keep it decorative / close-icon-only, or choose a darker
 * vermilion #B8322B when a red surface requires white readable text.
 */
:root{
  --neo-ink:#252633;
  --neo-blue:#93D4DF;
  --neo-green:#93D4DF;
  --neo-cream:#F5F3F7;
  --neo-stone:#D4CDD9;
  --neo-muted:#C0B7C6;
  --neo-white:#FFFFFF;
  --neo-highlight:#603B67;
  --neo-red:#E34D42;
  --neo-hard-shadow:4px 4px 0 #252633;
  --neo-small-shadow:3px 3px 0 #252633;
  --brand-navy:#252633;
  --brand-blue:#603B67;
  --brand-green:#93D4DF;
  --brand-neutral:#F5F3F7;
  --brand-graphite:#252633;
  --portfolio-plum:#603B67;
  --portfolio-vermilion:#E34D42;
  --portfolio-vermilion-dark:#B8322B;
  --portfolio-glacier:#93D4DF;
  --portfolio-paper:#F5F3F7;
  --portfolio-ink:#252633;
}
body{background:#252633}
#taskbar{
  height:50px;flex:0 0 50px;
  background:#252633;color:#FFFFFF;
  border-top:3px solid #603B67;box-shadow:none;
  padding:0 4px 0 5px;gap:5px;
}
#start-button{
  background:#603B67;color:#FFFFFF;
  border:2px solid #F5F3F7;border-radius:3px;
  box-shadow:3px 3px 0 #121321;
  text-shadow:none;font:700 14px Tahoma,Arial,sans-serif;
  font-style:normal;height:37px;min-width:93px;
}
#start-button:hover,#start-button[aria-expanded=true]{
  background:#754D7D;filter:none;
  box-shadow:1px 1px 0 #121321;
}
.start-symbol i:nth-child(1){background:#F5F3F7}
.start-symbol i:nth-child(2){background:#93D4DF}
.start-symbol i:nth-child(3){background:#E34D42}
.start-symbol i:nth-child(4){background:#F5F3F7}
#quick-launch{display:none}
.task-window{
  color:#252633;background:#D4CDD9;
  border:2px solid #AFA1B7;border-radius:3px;
  box-shadow:2px 2px 0 #121321;font-weight:700;
}
.task-window:hover{background:#F5F3F7}
.task-window.active{
  color:#252633;background:#93D4DF;
  border-color:#F5F3F7;
  box-shadow:2px 2px 0 #121321;
}
#system-tray{
  color:#F5F3F7;background:transparent;
  border-left:1px solid #92879B;box-shadow:none;
}
#show-desktop{background:#57445D;border-left:2px solid #92879B}
#show-desktop:hover{background:#705477}
#start-menu{
  background:#F5F3F7;color:#252633;
  border:3px solid #252633;border-bottom:0;
  box-shadow:5px -5px 0 #252633;border-radius:5px 5px 0 0;
}
.start-head{
  background:#603B67;color:#FFFFFF;
  border-bottom:3px solid #252633;
}
.start-head strong{color:#FFFFFF}
.start-head img{background:#F5F3F7;border:2px solid #252633}
.start-left{background:#F5F3F7}
.start-right{background:#E5EEF0;border-left:2px solid #252633}
.start-foot{background:#252633;color:#FFFFFF;border-top:2px solid #252633}
.start-entry,.side-entry{color:#252633}
.start-entry strong{color:#252633}
.start-entry:hover,.side-entry:hover{
  background:#C8E8EE;border-color:#252633;color:#252633;
}
.start-entry:hover strong{color:#252633}
.menu-eyebrow{color:#64556D}
.xp-window,.xp-window.active{
  background:#F5F3F7;border:3px solid #252633;
  border-radius:5px 5px 3px 3px;
  box-shadow:6px 6px 0 #252633;
}
.xp-titlebar{
  background:#603B67;color:#FFFFFF;
  border-bottom:3px solid #252633;border-radius:0;
}
.xp-window.active .titlebar-caption,
.xp-window.active .titlebar-text{color:#FFFFFF;text-shadow:none}
.xp-window:not(.active) .xp-titlebar{background:#C0B7C6;color:#252633}
.xp-window:not(.active) .titlebar-caption,
.xp-window:not(.active) .titlebar-text{color:#252633;text-shadow:none}
.window-controls button{
  background:#93D4DF;color:#252633;
  border:2px solid #252633;border-radius:2px;
  box-shadow:1px 1px 0 #181822;text-shadow:none;
}
.window-controls button[data-window-action=close]{
  background:#E34D42;color:#252633;border-color:#252633;
}
.window-controls button:hover{filter:brightness(1.07)}
.window-main,.window-main.no-padding{
  background:#F5F3F7;color:#252633;
}
.content-pad,.explorer-content{color:#252633}
.content-pad h2,.project-detail-header h2,
.quick-heading h2,.info-card h4,.tile-btn strong{
  color:#603B67;
}
.info-card,.tile-btn,.contact-box,.project-item{
  border:2px solid #252633;border-radius:3px;background:#FFFFFF;
  box-shadow:3px 3px 0 #252633;
}
.tile-btn:hover,.project-item:hover{background:#EAF7F9;border-color:#252633}
.quick-visit{
  color:#252633;background:#93D4DF;
  border:2px solid #252633;border-radius:3px;
  box-shadow:4px 4px 0 #252633;text-shadow:none;
}
.quick-visit:hover{
  color:#252633;background:#B0E2EA;
  border-color:#252633;box-shadow:1px 1px 0 #252633;
  transform:translate(3px,3px);
}
.xp-button,.xp-button.primary{
  background:#93D4DF;color:#252633;
  border:2px solid #252633;border-radius:3px;
  box-shadow:2px 2px 0 #252633;font-weight:700;
}
.xp-button:hover,.xp-button.primary:hover{background:#B0E2EA;border-color:#252633}
.window-toolbar,.address-bar{background:#EEEAF1;border-bottom:2px solid #252633}
.win-toolbar-btn{color:#603B67}
.win-toolbar-btn:hover{background:#C8E8EE}
.file-item{color:#252633}
.file-item:hover,.file-item:focus-visible{background:#D3EFF3;border-color:#252633}
.context-menu{
  background:#F5F3F7;border:2px solid #252633;
  box-shadow:4px 4px 0 #252633;
}
.context-menu button:hover{background:#93D4DF;color:#252633}
.desktop-icon .icon-text{
  background:rgba(25,23,37,.80);
  border:1px solid #EAE5EE66;
  color:#FFFFFF;text-shadow:none;
}
img[src*="/pixel-"]{image-rendering:pixelated}
/* Small vermilion touches, not whole red panels or extra blue CTAs. */
.start-head::after{content:"";width:6px;align-self:stretch;background:#E34D42;margin-left:auto}
button:focus-visible,a:focus-visible{
  outline:3px solid #E34D42;outline-offset:3px;
}
@media(max-width:740px){
  #taskbar{height:47px;flex-basis:47px;padding:0 2px}
  #start-button{height:35px;min-width:82px;padding:0 8px;font-size:12px;box-shadow:2px 2px 0 #121321}
  .xp-window,.xp-window.active{box-shadow:3px 3px 0 #252633}
  .task-window{box-shadow:1px 1px 0 #121321}
  #start-menu{box-shadow:3px -3px 0 #252633}
  .quick-visit{box-shadow:3px 3px 0 #252633}
}
@media(prefers-reduced-motion:reduce){
  #start-button:hover,.quick-visit:hover{transform:none}
}