/* palette.css: GENERATO da genera_palette.py, non modificare a mano.
   Tema chiaro (30 set 2026): nero e bianco invertiti con gli stessi contrasti WCAG,
   lime come fondo invariato, lime come testo o linea -> --ink; zone chiare come prima.
   Ordine: sito.css, palette.css, aggiunte.css.
   Token:
     --violet     #26292b -> #dfe2e6
     --deep       #0f1012 -> #ffffff
     --surface    #323437 -> #cfd2d6
     --line       #54575a -> #9ea0a4
     --muted      #c7cace -> #37393c
     --lavender   #e7eaed -> #212326
     --lime       #b6ff00 -> #b6ff00
     --paper      #fff -> #0f1012
   Regole: 259, dichiarazioni: 351 (di cui con colore cambiato: 203). */
:root{--ink:#0f1012}
@layer properties{
  @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){
    *,:before,:after,::backdrop{--tw-ring-offset-color:#0f1012}
}
}
@layer theme{
  :root,:host{--color-black:#ffffff;--color-white:#0f1012}
}
@layer utilities{
  .bg-black\/50{background-color:#ffffff80}
}
@layer utilities{
  @supports (color:color-mix(in lab, red, red)){
    .bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}
}
}
@layer utilities{
  .bg-transparent{background-color:#0000}
  .bg-white{background-color:var(--color-white)}
  .bg-clip-padding{background-clip:padding-box}
}
@layer utilities{
  @media (prefers-color-scheme:dark){
    .dark\:bg-transparent{background-color:#0000}
}
}
:root{--violet:#dfe2e6;--deep:#ffffff;--surface:#cfd2d6;--paper:#1c1e20;--lavender:#212326;--line:#9ea0a4;--muted:#3b3e41}
.siteHeader{background:#dfe2e6f5;border-bottom:1px solid #0f101224}
.desktopNav a:after{background:var(--ink)}
.headerCta{background:var(--lime);color:#26292b}
.menuToggle{color:var(--paper);background:0 0;border:0}
.mobileMenu{background:var(--violet)}
.mobileMenuIndex{color:var(--ink)}
.mobileMenu nav a span{color:var(--ink)}
.mobileMenu nav a b{color:var(--ink)}
.mobileMenuFoot{border-top:1px solid var(--line);color:var(--ink)}
.homeHeroShade{background:linear-gradient(90deg,#dfe2e6fc,#dfe2e6bf 44%,#dfe2e614 80%),linear-gradient(#0000 52%,#ffffffe6)}
.homeHeroGrid{background-image:linear-gradient(#0f10120b 1px,#0000 1px),linear-gradient(90deg,#0f10120b 1px,#0000 1px);background-size:74px 74px}
.homeHeroNote span{color:var(--ink)}
.homeHeroContent>p,.sectionTitle>p,.pageHeroInner>p,.homeQuizCopy>p,.merchTeaserCopy>p,.overtakeFeatureCopy>p,.statLayout>div>p{color:var(--ink)}
.homeHeroContent h1 i{color:#0000}
.homeHeroBottom>span{color:#292b2e}
.homeHeroBottom a,.textLink{border-bottom:2px solid var(--ink)}
.homeHeroBottom a b{color:var(--ink)}
.ticker{border-block:1px solid var(--line)}
.ticker b{color:#26292b}
.ticker span{color:var(--ink)}
.sectionTitle>a{border-bottom:2px solid var(--paper)}
.sectionTitle>a:hover{color:var(--ink);border-color:var(--ink)}
.storyCard{border:1px solid var(--line);background:var(--violet)}
.storyCard:hover{border-color:var(--ink)}
.storyMetric{background:var(--surface)}
.storyMetric>span{color:var(--ink)}
.storyMetric>b{color:#696b6e}
.storyMetric>small{color:var(--ink)}
.storyBody label{color:var(--ink)}
.storyBody p{color:var(--muted)}
.storyBody strong{color:var(--ink)}
.homeStat{background:var(--lime);color:#26292b}
.statLayout>div>p{color:#26292b}
.statLayout a{border-bottom:2px solid}
.exploreCard{border:1px solid var(--line)}
.exploreCard:before{background:#0f101208}
.exploreCard:hover{border-color:var(--ink)}
.exploreCard>span{color:var(--ink)}
.exploreCard p{color:var(--muted)}
.exploreCard>b{color:var(--ink)}
.exploreCard.riders{color:#26292b;border-color:var(--lime)}
.exploreCard.riders>span,.exploreCard.riders>b{color:#26292b}
.exploreCard.riders p{color:#373a3d}
.overtakeFeatureShade{background:linear-gradient(90deg,#fffffff0,#dfe2e66b 55%,#0000),linear-gradient(#0000 45%,#ffffffbd)}
.overtakeFeatureCopy a{border-bottom:2px solid var(--ink)}
.homeQuizCopy>small{color:var(--ink)}
.homeQuizCopy a,.merchTeaserCopy a{background:var(--lime);color:#26292b}
.homeQuizVisual{background:var(--violet);border:1px solid var(--line)}
.homeQuizVisual>span{color:var(--ink)}
.homeQuizVisual>b{color:#919498}
.merchTeaserVisual{background:var(--lime)}
.merchTeaserVisual:before{background:#fff}
.merchTeaserVisual span{color:#26292b}
.merchTeaserCopy{background:#e7eaed;color:#26292b}
.merchTeaserCopy>p{color:#26292b}
.merchTeaserCopy a{background:#26292b;color:var(--lime)}
.igCard{border:1px solid var(--line)}
.igCard:hover{border-color:var(--ink)}
.igCard>div{background:var(--surface)}
.igCard>div span{background:var(--lime);color:#26292b}
.igCard small{color:#5a5c5f}
.instagramCta{border-bottom:2px solid var(--ink)}
.newsletter{background:var(--violet);border-block:1px solid var(--line)}
.newsletter p{color:var(--lime)}
.signup label{color:#c7cace}
.signup>div{border-bottom:2px solid #fff}
.signup input{color:#fff;background:0 0;border:0}
.signup button{background:var(--lime);color:#26292b;border:0}
.signupSuccess{border:1px solid var(--lime)}
.signupSuccess b{color:var(--lime)}
.signupSuccess span{color:#c7cace}
.siteFooter{background:var(--violet)}
.footerColumn small,.footerManifesto small{color:var(--ink)}
.footerColumn a{color:#323437}
.footerColumn a:hover{color:var(--ink)}
.footerManifesto p{color:var(--muted)}
.footerManifesto a{border-bottom:2px solid var(--ink)}
.footerBottom{border-top:1px solid var(--line);color:#4b4d50}
.pageHero{background:var(--deep)}
.pageHeroShade{background:linear-gradient(90deg,#fffffffa,#dfe2e6b8 58%,#ffffff2e),linear-gradient(#0000,#ffffffbf)}
.pageHeroInner>span{color:var(--muted)}
.circuitExplorer{border:1px solid var(--line)}
.worldMap{background-color:#f8f8f9;background-image:linear-gradient(#0f10120b 1px,#0000 1px),linear-gradient(90deg,#0f10120b 1px,#0000 1px);background-size:44px 44px}
.worldMap:before{background:radial-gradient(at 70% 55%,#838589 0 20%,#0000 21%),radial-gradient(at 44% 25%,#838589 0 15%,#0000 16%),radial-gradient(at 20% 48%,#838589 0 19%,#0000 20%)}
.continents{color:#a7aaae}
.mapDot{border:2px solid var(--ink);background:var(--deep)}
.mapDot span{color:#404245}
.mapDot.active span{color:var(--ink)}
.worldMap>small{color:#4e5053}
.circuitDetail{background:var(--violet)}
.detailTop{color:var(--muted)}
.detailTop b{background:var(--lime);color:#26292b}
.place{color:var(--muted)}
.track span{color:#4b4e51}
.circuitStats{border-block:1px solid var(--line)}
.circuitStats small{color:#4b4e51}
.circuitStats em{color:var(--ink)}
.circuitDetail blockquote{color:#2a2c2f}
.circuitRail{border-top:1px solid var(--line)}
.circuitRail button{background:var(--deep);color:var(--muted);border:0;border-right:1px solid var(--line)}
.circuitRail button:last-child{border-right:0}
.circuitRail button.active{color:#26292b}
.riderCard{background:#e7eaed;color:#26292b;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(#ffffff0d 35%,#fffffff5),linear-gradient(90deg,#dfe2e69e,#0000 50%)}
.overtakeMain>span{color:var(--ink)}
.overtakeMain small{color:var(--ink)}
.overtakeMain p{color:#292b2e}
.overtakeMain nav button{color:#0f1012;background:#dfe2e6cc;border:1px solid #0f101266}
.overtakeMain nav button:hover{color:#26292b}
.overtakeRail button{background:var(--deep);color:var(--muted);border:0;border-right:1px solid var(--line)}
.overtakeRail button.active{color:#26292b}
.quizPage{background:var(--lime);color:#26292b}
.quizBox{background:var(--violet);color:var(--paper)}
.quizStart>span,.quizLead>span{color:var(--ink)}
.quizStart>b{color:#919498}
.quizStart button,.quizLead>button,.quizResult button{background:var(--lime);color:#26292b;border:0}
.quizProgress{color:var(--muted)}
.quizProgress>div{background:#919497}
.quizProgress i{background:var(--ink)}
.quizAnswers button{background:var(--surface);color:var(--paper);border:1px solid #8d8f93}
.quizAnswers button:hover{border-color:var(--ink);background:#bdc0c4}
.quizAnswers button span,.quizAnswers button b{color:var(--ink)}
.quizLead p{color:var(--muted)}
.quizLead input{color:#0f1012;background:#f1f3f4;border:1px solid #8d8f93}
.quizLead label{color:var(--muted)}
.helmet{background:#f1f3f4}
.helmet>span{color:#bfc1c5}
.quizResult small{color:var(--ink)}
.quizResult p{color:var(--muted)}
.shopNotice{background:#e7eaed;color:#26292b;border:1px solid #bdc0c3}
.shopNotice span{background:#26292b;color:var(--lime)}
.productCard{color:#26292b;background:#f3f5f6;border:1px solid #bdc0c3}
.productVisual{background:var(--violet)}
.productVisual:before{background:#c9cccf}
.productVisual span{color:#414346}
.productCard.acid .productVisual:before{background:#fff}
.productCard.light .productVisual{background:#cfd1d5}
.productCard.light .productVisual:before{background:#26292b}
.productInfo small{color:#8a8d90}
.productInfo p{color:#8a8d90}
.productInfo button{background:var(--violet);color:var(--ink);border:0}
.archiveFilters button{border:1px solid var(--line);color:var(--muted);background:0 0}
.archiveFilters button.active{background:var(--lime);color:#26292b;border-color:var(--lime)}
.archiveCard{border:1px solid var(--line);background:var(--violet)}
.archiveCard>div{background:var(--surface)}
.archiveCard>div span{color:var(--ink)}
.archiveCard>div b{color:#6e7174}
.archiveCard small{color:var(--ink)}
.archiveCard p{color:var(--muted)}
.archiveCard strong{color:var(--ink)}
.articleHero>a{color:var(--ink)}
.articleHero>p{color:var(--ink)}
.articleHero>span{color:var(--muted)}
.articleMetric{background:var(--lime);color:#26292b}
.articleBody aside{color:var(--ink)}
.articleBody p{color:#2e3033}
.articleBody p.lead{color:var(--paper)}
.articleBody blockquote{border-left:5px solid var(--ink);color:var(--paper)}
.manifesto>div{border-top:1px solid var(--line)}
.manifesto>div:nth-child(2n){border-left:1px solid var(--line)}
.manifesto span{color:var(--ink)}
.manifesto>p{color:var(--muted)}
@media (width<=900px){
  .homeHeroShade{background:linear-gradient(0deg,var(--deep) 2%,#dfe2e66b 72%),linear-gradient(90deg,#dfe2e6f0,transparent)}
  .signup>div{border:0}
  .signup input{border-bottom:2px solid #fff}
  .manifesto>div:nth-child(2n){border-left:0}
}
@media (width<=420px){
  .footerColumn{border-top:1px solid var(--line)}
}
:root{--paper:#0f1012;--muted:#37393c}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
.mobileMenu nav a svg{color:var(--ink)}
.desktopNav a.active{color:var(--ink)}
.eyebrow{color:var(--ink)}
.underLink{border-bottom:1px solid}
.solidButton{background:var(--lime);color:#0f1012}
.heroVeil{background:linear-gradient(90deg,#ffffffef 0%,#ffffff99 47%,#ffffff15 80%),linear-gradient(#0000 40%,#ffffff99)}
.heroInner h1 em{color:var(--ink)}
.heroCaption{color:#27292c}
.pitShortcuts{background:var(--violet);border-block:1px solid var(--line)}
.pitShortcuts a{border-right:1px solid var(--line)}
.pitShortcuts a:last-child{border:0}
.pitShortcuts svg{color:var(--ink)}
.leadStoryPhoto>span{background:var(--lime);color:#0f1012}
.readMeta{color:var(--muted)}
.leadStory p{color:var(--muted)}
.leadStory b{color:var(--ink)}
.briefStory{border-top:1px solid var(--line)}
.briefNumber{color:#484a4d}
.briefStory>svg{color:var(--ink)}
.boxNote{background:var(--violet);border-left:3px solid var(--ink)}
.boxNote span{color:var(--ink)}
.acidPattern,.trackExperience{background-color:var(--lime);color:#0f1012;background-image:repeating-linear-gradient(125deg,#0000 0 20px,#26292b09 20px 21px)}
.trackExperience .eyebrow{color:#26292b}
.trackBoard{background:var(--deep);color:#0f1012;border:1px solid #dfe2e640}
.trackChooser{border-bottom:1px solid var(--line);background:var(--violet)}
.trackChooser select{background:var(--deep);color:#0f1012;border:1px solid #64676a}
.trackChooser>span{color:var(--muted)}
.trackStage{border-right:1px solid var(--line);background-image:linear-gradient(#0f101208 1px,#0000 1px),linear-gradient(90deg,#0f101208 1px,#0000 1px);background-size:30px 30px}
.trackStamp>span{color:var(--ink)}
.trackStamp b{color:#383a3d}
.trackNavigation button,.slideArrows button{color:inherit;background:0 0;border:1px solid #6e7174}
.trackNavigation span{color:var(--muted)}
.trackInfo .eyebrow{color:var(--muted)}
.trackFigures{border-block:1px solid var(--line)}
.trackFigures b{color:var(--ink)}
.trackFigures span{color:var(--muted)}
.trackNote>svg{color:var(--ink)}
.trackNote p{color:var(--muted)}
.overtakeSlideShade{background:linear-gradient(#0000 15%,#fffffffc)}
.slideCaption>span{color:var(--ink)}
.slideCaption p{color:#292b2e}
.carouselControls>span{color:var(--muted)}
.slideDots button{background:0 0;border:0}
.slideDots i{background:#6d7073}
.slideDots button[aria-current=true] i{background:var(--ink)}
.riderHomeRail{scrollbar-color:var(--ink) var(--violet)}
.riderMini>div{background:var(--violet)}
.riderMini>div span{color:#828488}
.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:#eef0f2}
.shopSlideVisual>span{color:#0f1012;background:#ffffffcf}
.shopSlideCopy>span{color:var(--ink)}
.shopSlideCopy p{color:var(--muted)}
.shopSlideCopy a{color:var(--ink)}
.socialLinkRail>a{background:var(--violet);border:1px solid var(--line)}
.socialLinkRail span{color:var(--muted)}
.socialLinkRail svg{color:var(--ink)}
.newsletter{background-color:var(--lime);color:#0f1012;background-image:repeating-linear-gradient(125deg,#0000 0 20px,#26292b09 20px 21px)}
.newsletter p,.newsletter .signup label{color:#26292b}
.signup input{color:#0f1012;background:#ffffff45}
.signup input::placeholder{color:#393c3f}
.signup>div{border-color:#26292b}
.signup button{background:#26292b;color:var(--lime)}
.signupSuccess{border-color:#26292b}
.signupSuccess b,.signupSuccess span{color:#26292b}
.newsletter :focus-visible,.acidPattern:focus-visible{outline-color:#26292b}
@media (width<=900px){
  .heroVeil{background:linear-gradient(#ffffff15 12%,#ffffffaa 60%,#fffffffc 100%)}
  .trackStage{border-right:0;border-bottom:1px solid var(--line)}
  .signup input{border-color:#26292b}
  .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(#dbdee2,#f2f3f5)}
.shopSlideCopy .productAvailability{color:var(--muted)}
.quizPage{background-image:repeating-linear-gradient(125deg,#0000 0 20px,#26292b09 20px 21px)}