/* Stage 5: existing HUD only. No new signs, geometry, fonts or animation. */
:root{
  --hud-rule:#ffffff2e;
  --hud-frame:#ffffff45;
  --hud-faint:#ffffff20;
  --hud-label:#c4c4c4;
  --hud-index:#aaaaaa;
  --hud-focus:#e2e2e2;
  --hud-on-light:#444444;
}

/* Existing 1px rules keep their original boxes, lengths and endpoints. */
.header-inner,.footer,.service-strip,
.work-section,.idea-section,.contact-section,
.pricing-details,.collaboration-note,.scope-title{
  border-color:var(--hud-rule);
}
.refusal-list,.pricing-grid,.volume-option{border-color:var(--hud-frame)}
.refusal-item,.service-inclusions article,.faq-item,
.production-title,.process-script-row{border-color:var(--hud-rule)}
.section-label:before,.section-label:after{
  background:linear-gradient(90deg,var(--hud-frame),transparent);
}
.visual-grid{
  background-image:
    linear-gradient(#b8b8b814 1px,transparent 1px),
    linear-gradient(90deg,#b8b8b814 1px,transparent 1px);
}
.orbit,.orbit-two{border-color:var(--hud-faint)}
.process-viewfinder,.case-preview,.case-media{border-color:var(--hud-frame)}
.case-card-action,.case-dialog-header{border-color:var(--hud-rule)}

/* Metadata on graphite and on the light demonstration cards are distinct.
   Font families, weights, sizes and tracking remain exactly as accepted. */
.section-label,.visual-topline,.timeline-title,.process-stamp,
.faq-group>h3{color:var(--hud-label)}
.frame-back .frame-label{color:var(--hud-label)}
.refusal-number,.inclusion-number,.production-title>span,
.process-script-row>span,.case-meta-info>span:first-child{color:var(--hud-index)}
.frame-front .frame-label,.frame-front .frame-footer,
.process-result .process-stamp,.process-result-footer{color:var(--hud-on-light)}

/* Paint a 1px technical line within each existing 2px slot.
   Do not alter slot height, animated length or the playhead's path. */
.process-script-rule,.process-take-baseline{
  background:linear-gradient(var(--hud-rule),var(--hud-rule)) top/100% 1px no-repeat;
}
.process-script-rule i{
  background:linear-gradient(var(--hud-focus),var(--hud-focus)) top/100% 1px no-repeat;
}
.playhead,.process-edit-head{background:var(--hud-focus)}
.playhead:before{border-top-color:var(--hud-focus)}
.process-audio svg{stroke:var(--hud-label);stroke-width:1}
.process-audio svg path{vector-effect:non-scaling-stroke}

/* The existing diagonal arrows share one stroke, without changing their paths. */
.button-arrow svg path,.header-contact .svg-arrow path,
.case-card-action svg path,.case-source svg path{stroke-width:1.5}

@media(forced-colors:active){
  :root{
    --hud-rule:CanvasText;--hud-frame:CanvasText;--hud-faint:CanvasText;
    --hud-label:CanvasText;--hud-index:CanvasText;
    --hud-focus:Highlight;--hud-on-light:CanvasText;
  }
}