/* FRENE.SI high-contrast agency palette */
:root{
  --paper:#f7f5ef;
  --paper-2:#e8e4da;
  --black:#07080a;
  --white:#ffffff;
  --red:#ff3d24;
  --blue:#1457ff;
  --acid:#d8ff3e;
  --muted:#615f5a;
  --line:rgba(7,8,10,.24);
}
html,body{background:var(--paper);color:var(--black)}
.rail{background:rgba(247,245,239,.96)}
.rail-mark b,.footer-mark b{color:var(--red)}
.rail-mark span:last-child,.footer-mark span:last-child{color:var(--blue)}
.rail-nav span{color:var(--red)}

.hero{background:var(--black);color:var(--white);border-color:rgba(255,255,255,.2)}
.hero-calm{background:var(--paper);color:var(--black)}
.hero-chaos{background:var(--black)}
.hero .eyebrow{color:var(--acid)}
.hero h1 span:last-child{-webkit-text-stroke-color:var(--blue)}
.hero h1 b{color:var(--red);text-shadow:calc(var(--pressure)*7px) 0 var(--blue)}
.hero-line em{color:var(--red)}
.brake-rig{background:var(--white);color:var(--black);border-color:var(--black);box-shadow:12px 12px 0 var(--blue)}
.brake-handle{background:var(--red);box-shadow:9px 9px 0 var(--blue)}
.rig-label-top span{color:var(--red)}
.hero-status{border-color:rgba(255,255,255,.25)}
.hero-status>div+div{border-color:rgba(255,255,255,.25)}
.hero-status span{color:#a5a7ad}
.hero-enter span{color:var(--acid)}

.intake{background:var(--white)}
.eyebrow{color:var(--red)}
.pressure-form{background:var(--paper-2);box-shadow:12px 12px 0 var(--blue)}
.pressurise{background:var(--acid)}
.pressurise i{background:var(--red)}
.diagnosis{background:var(--black);color:var(--white)}
.diagnosis-score span,.diagnosis-verdict span{color:var(--acid)}
.diagnosis-score i{background:var(--red)}
.diagnosis-actions a{background:var(--acid);color:var(--black)}
.diagnosis-actions button:hover{background:var(--white);color:var(--black)}

.outputs{background:var(--black);color:var(--white)}
.section-code-light{color:#a4a6ad}
.output-band:nth-child(odd) .band-number{color:var(--acid)}
.output-band:nth-child(even) .band-number{color:var(--red)}
.output-band:nth-child(odd) .band-title span{-webkit-text-stroke-color:rgba(255,255,255,.62)}
.output-band:nth-child(even) .band-title span{-webkit-text-stroke-color:var(--blue)}
.band-copy{background:var(--black)}

.specimens{background:var(--paper)}
.specimen:nth-child(2){background:var(--black);color:var(--white);padding-left:2rem;padding-right:2rem}
.specimen:nth-child(2) .specimen-result{border-color:rgba(255,255,255,.25)}
.specimen-code{color:var(--red)}

.method{background:var(--blue);color:var(--white)}
.method .section-code{color:rgba(255,255,255,.72);border-color:rgba(255,255,255,.3)}
.method .eyebrow{color:var(--acid)}
.method-wheel{background:var(--white);color:var(--black);border-color:var(--black)}
.method-tab.active{background:var(--black);color:var(--white)}
.method-tab span{color:var(--red)}
.method-display-code{color:var(--blue)}
.method-meter i{background:var(--red)}

.manifesto{background:var(--acid);color:var(--black)}
.manifesto .eyebrow{color:var(--black)}
.manifesto h2 em{color:var(--blue)}

.contact{background:var(--red);color:var(--black)}
.contact .section-code{color:rgba(7,8,10,.7);border-color:rgba(7,8,10,.3)}
.contact .eyebrow{color:var(--black)}
.contact h2 em{color:var(--white);text-shadow:4px 4px 0 var(--blue)}
.contact-link{transition:background .18s,color .18s,padding .18s}
.contact-link:hover{background:var(--black);color:var(--white);padding-left:1rem;padding-right:1rem}
footer{background:var(--black);color:var(--white)}

@media(max-width:760px){
  .rail{background:rgba(247,245,239,.98)}
  .hero{background:var(--black)}
  .hero .eyebrow{color:var(--acid)}
  .brake-rig{background:var(--white);box-shadow:8px 8px 0 var(--blue)}
  .specimen{background:var(--white)}
  .specimen:nth-child(2){padding:1.25rem;background:var(--black);color:var(--white)}
  .method{background:var(--blue)}
  .contact{background:var(--red)}
  .mobile-dock{background:rgba(7,8,10,.96)}
  .mobile-dock a[aria-current="true"]{color:var(--acid)}
  .mobile-dock .mobile-dock-cta{background:var(--acid);color:var(--black)}
}