/* palette.css: GENERATO da genera_palette.py, non modificare a mano.
   Viola del prototipo -> grigio asfalto, stessa luminanza WCAG.
   Ordine: sito.css, palette.css, aggiunte.css.
   Token:
     --violet     #3c1a47 -> #26292b
     --deep       #180b1d -> #0f1012
     --surface    #4a2455 -> #323437
     --line       #6b4b73 -> #54575a
     --muted      #d1c6d5 -> #c7cace
     --lavender   #efe7f1 -> #e7eaed
     --lime       #b6ff00 -> #b6ff00
     --paper      #fff -> #fff
   Regole: 200, dichiarazioni: 259 (di cui con colore viola: 71). */
:root{--violet:#26292b;--deep:#0f1012;--surface:#323437;--lavender:#e7eaed;--line:#54575a;--muted:#c0c3c7}
.siteHeader{background:#26292bf5}
.headerCta{background:var(--lime)}
.menuToggle{background:0 0}
.mobileMenu{background:var(--violet)}
.homeHeroShade{background:linear-gradient(90deg,#26292bfc,#26292bbf 44%,#26292b14 80%),linear-gradient(#0000 52%,#0f1012e6)}
.homeHeroGrid{background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:74px 74px}
.homeHeroBottom>span{color:#dbdee2}
.ticker b{color:var(--violet)}
.ticker span{color:var(--lime)}
.storyCard{background:var(--violet)}
.storyMetric{background:var(--surface)}
.storyMetric>span{color:var(--lime)}
.storyMetric>b{color:#85888b}
.storyMetric>small{color:var(--lime)}
.storyBody label{color:var(--lime)}
.storyBody p{color:var(--muted)}
.storyBody strong{color:var(--lime)}
.homeStat{background:var(--lime)}
.exploreCard>span{color:var(--lime)}
.exploreCard p{color:var(--muted)}
.exploreCard>b{color:var(--lime)}
.exploreCard.riders p{color:#373a3d}
.overtakeFeatureShade{background:linear-gradient(90deg,#0f1012f0,#26292b6b 55%,#0000),linear-gradient(#0000 45%,#0f1012bd)}
.homeQuizCopy>small{color:var(--lime)}
.homeQuizCopy a,.merchTeaserCopy a{color:var(--violet)}
.homeQuizVisual{background:var(--violet)}
.homeQuizVisual>span{color:var(--lime)}
.homeQuizVisual>b{color:#5e6164}
.merchTeaserVisual{background:var(--lime)}
.merchTeaserVisual span{color:var(--violet)}
.merchTeaserCopy{background:var(--lavender)}
.merchTeaserCopy>p{color:var(--violet)}
.merchTeaserCopy a{color:var(--lime)}
.igCard small{color:#97999d}
.newsletter{background:var(--violet)}
.newsletter p{color:var(--lime)}
.signup label{color:var(--muted)}
.signup input{color:var(--paper)}
.signup button{color:var(--violet)}
.signupSuccess b{color:var(--lime)}
.signupSuccess span{color:var(--muted)}
.siteFooter{background:var(--violet)}
.footerColumn small,.footerManifesto small{color:var(--lime)}
.footerColumn a{color:#ced1d5}
.footerColumn a:hover{color:var(--lime)}
.footerManifesto p{color:var(--muted)}
.footerBottom{color:#aaadb1}
.pageHero{background:var(--deep)}
.pageHeroShade{background:linear-gradient(90deg,#0f1012fa,#26292bb8 58%,#0f10122e),linear-gradient(#0000,#0f1012bf)}
.pageHeroInner>span{color:var(--muted)}
.worldMap{background-color:#15171a;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:44px 44px}
.worldMap:before{background:radial-gradient(at 70% 55%,#6b6e71 0 20%,#0000 21%),radial-gradient(at 44% 25%,#6b6e71 0 15%,#0000 16%),radial-gradient(at 20% 48%,#6b6e71 0 19%,#0000 20%)}
.continents{color:#4d5053}
.mapDot{background:var(--deep)}
.mapDot span{color:#babdc1}
.mapDot.active span{color:var(--lime)}
.worldMap>small{color:#a6a9ad}
.circuitDetail{background:var(--violet)}
.detailTop{color:var(--muted)}
.detailTop b{background:var(--lime);color:var(--violet)}
.place{color:var(--muted)}
.track span{color:#aaacb0}
.circuitStats small{color:#aaacb0}
.circuitStats em{color:var(--lime)}
.circuitDetail blockquote{color:#dadde1}
.circuitRail button{background:var(--deep);color:var(--muted)}
.circuitRail button.active{color:var(--violet)}
.riderCard{background:var(--lavender);color:var(--violet);border:1px solid #bbbec2}
.riderPortrait{background:var(--lime)}
.riderPortrait>b{color:#82b700}
.riderCopy>p{color:#65676a}
.riderCopy>div span{border:1px solid #a4a7aa}
.overtakeShade{background:linear-gradient(#0f10120d 35%,#0f1012f5),linear-gradient(90deg,#26292b9e,#0000 50%)}
.overtakeMain>span{color:var(--lime)}
.overtakeMain small{color:var(--lime)}
.overtakeMain p{color:#dcdfe2}
.overtakeMain nav button{background:#26292bcc;border:1px solid #fff6}
.overtakeRail button{background:var(--deep);color:var(--muted)}
.overtakeRail button.active{color:var(--violet)}
.quizPage{background:var(--lime);color:var(--violet)}
.quizBox{background:var(--violet);color:var(--paper)}
.quizStart>span,.quizLead>span{color:var(--lime)}
.quizStart>b{color:#5e6164}
.quizStart button,.quizLead>button,.quizResult button{background:var(--lime);color:var(--violet)}
.quizProgress{color:var(--muted)}
.quizProgress>div{background:#5e6164}
.quizProgress i{background:var(--lime)}
.quizAnswers button{background:var(--surface);color:var(--paper);border:1px solid #626568}
.quizAnswers button:hover{background:#3e4043}
.quizLead p{color:var(--muted)}
.quizLead input{color:#fff;background:#1a1c1f;border:1px solid #626568}
.quizLead label{color:var(--muted)}
.helmet{background:#1a1c1f}
.helmet>span{color:#3d3f42}
.quizResult small{color:var(--lime)}
.quizResult p{color:var(--muted)}
.shopNotice{background:var(--lavender);color:var(--violet);border:1px solid #bdc0c3}
.shopNotice span{background:var(--violet);color:var(--lime)}
.productCard{color:var(--violet);background:#f3f5f6;border:1px solid #bdc0c3}
.productVisual{background:var(--violet)}
.productVisual:before{background:#36383b}
.productVisual span{color:#b9bcbf}
.productCard.light .productVisual{background:#cfd1d5}
.productInfo small{color:#65676a}
.productInfo p{color:#65676a}
.productInfo button{background:var(--violet);color:var(--lime);border:0}
.archiveFilters button{border:1px solid var(--line);color:var(--muted);background:0 0}
.archiveFilters button.active{background:var(--lime);color:var(--violet)}
.archiveCard{border:1px solid var(--line);background:var(--violet)}
.archiveCard>div{background:var(--surface)}
.archiveCard>div b{color:#7f8285}
.archiveCard small{color:var(--lime)}
.archiveCard p{color:var(--muted)}
.archiveCard strong{color:var(--lime)}
.articleHero>a{color:var(--lime)}
.articleHero>p{color:var(--lime)}
.articleHero>span{color:var(--muted)}
.articleMetric{background:var(--lime);color:var(--violet)}
.articleBody aside{color:var(--lime)}
.articleBody p{color:#d5d7db}
.articleBody p.lead{color:var(--paper)}
.articleBody blockquote{border-left:5px solid var(--lime);color:var(--paper)}
.manifesto>div{border-top:1px solid var(--line)}
.manifesto span{color:var(--lime)}
.manifesto>p{color:var(--muted)}
@media (width<=900px){
  .homeHeroShade{background:linear-gradient(0deg,var(--deep) 2%,#26292b6b 72%),linear-gradient(90deg,#26292bf0,transparent)}
  .signup>div{border:0}
  .signup input{border-bottom:2px solid var(--paper)}
}
@media (width<=420px){
  .footerColumn{border-top:1px solid var(--line)}
}
:root{--muted:#c7cace}
.desktopNav a.active{color:var(--lime)}
.eyebrow{color:var(--lime)}
.underLink{border-bottom:1px solid}
.solidButton{background:var(--lime);color:var(--deep)}
.heroVeil{background:linear-gradient(90deg,#0f1012ef 0%,#0f101299 47%,#0f101215 80%),linear-gradient(#0000 40%,#0f101299)}
.heroInner h1 em{color:var(--lime)}
.heroCaption{color:#dfe2e6}
.pitShortcuts{background:var(--violet);border-block:1px solid var(--line)}
.pitShortcuts a{border-right:1px solid var(--line)}
.pitShortcuts svg{color:var(--lime)}
.leadStoryPhoto>span{background:var(--lime);color:var(--deep)}
.readMeta{color:var(--muted)}
.leadStory p{color:var(--muted)}
.leadStory b{color:var(--lime)}
.briefStory{border-top:1px solid var(--line)}
.briefNumber{color:#aeb1b5}
.briefStory>svg{color:var(--lime)}
.boxNote{background:var(--violet);border-left:3px solid var(--lime)}
.boxNote span{color:var(--lime)}
.acidPattern,.trackExperience{background-color:var(--lime);color:var(--deep);background-image:repeating-linear-gradient(125deg,#0000 0 20px,#26292b09 20px 21px)}
.trackBoard{background:var(--deep);color:#fff;border:1px solid #26292b40}
.trackChooser{border-bottom:1px solid var(--line);background:var(--violet)}
.trackChooser select{background:var(--deep);color:#fff;border:1px solid #8a8d90}
.trackChooser>span{color:var(--muted)}
.trackStage{border-right:1px solid var(--line);background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:30px 30px}
.trackStamp>span{color:var(--lime)}
.trackStamp b{color:#c6c9cd}
.trackNavigation button,.slideArrows button{color:inherit;background:0 0;border:1px solid #7f8285}
.trackNavigation span{color:var(--muted)}
.trackFigures{border-block:1px solid var(--line)}
.trackFigures b{color:var(--lime)}
.trackFigures span{color:var(--muted)}
.trackNote>svg{color:var(--lime)}
.trackNote p{color:var(--muted)}
.overtakeSlideShade{background:linear-gradient(#0000 15%,#0f1012fc)}
.slideCaption>span{color:var(--lime)}
.slideCaption p{color:#dcdfe3}
.carouselControls>span{color:var(--muted)}
.slideDots button{background:0 0;border:0}
.slideDots i{background:#808386}
.riderMini>div{background:var(--violet)}
.riderMini>div span{color:#6c6e72}
.riderMini p{color:var(--muted)}
.railHint{color:var(--muted)}
.quizInvite>b{border:1px solid #26292b60}
.shopSlide{background:var(--violet);border:1px solid var(--line)}
.shopSlideVisual{background:#1c1e21}
.shopSlideVisual>span{color:#fff;background:#0f1012cf}
.shopSlideCopy>span{color:var(--lime)}
.shopSlideCopy p{color:var(--muted)}
.shopSlideCopy a{color:var(--lime)}
.socialLinkRail>a{background:var(--violet);border:1px solid var(--line)}
.socialLinkRail span{color:var(--muted)}
.socialLinkRail svg{color:var(--lime)}
.newsletter{background-color:var(--lime);color:var(--deep);background-image:repeating-linear-gradient(125deg,#0000 0 20px,#26292b09 20px 21px)}
.newsletter p,.newsletter .signup label{color:var(--violet)}
.signup input{color:var(--deep);background:#ffffff45}
.signup input::placeholder{color:#393c3f}
.signup>div{border-color:var(--violet)}
.signup button{background:var(--violet);color:var(--lime)}
.signupSuccess{border-color:var(--violet)}
.signupSuccess b,.signupSuccess span{color:var(--violet)}
@media (width<=900px){
  .heroVeil{background:linear-gradient(#0f101215 12%,#0f1012aa 60%,#0f1012fc 100%)}
  .trackStage{border-right:0;border-bottom:1px solid var(--line)}
  .signup input{border-color:var(--violet)}
  .footerColumn{border-top:1px solid var(--line)}
}
@media (width>=600px) and (width<=900px){
  .trackStage{border-right:1px solid var(--line);border-bottom:0}
}
.shopSlideVisual{background:radial-gradient(#292b2e,#1a1c1e)}
.quizPage{background-image:repeating-linear-gradient(125deg,#0000 0 20px,#26292b09 20px 21px)}