Remove theme switcher from Parade of Color site

color-parade/index.html

@@ -9,10 +9,6 @@
 </head>
 <body>
   <a class="skip-link" href="#main">К содержанию</a>
-  <input class="theme-input" type="radio" name="theme" id="t-pink" aria-label="Розовая тема" checked>
-  <input class="theme-input" type="radio" name="theme" id="t-blue" aria-label="Голубая тема">
-  <input class="theme-input" type="radio" name="theme" id="t-yellow" aria-label="Жёлтая тема">
-
   <div class="page">
     <header class="header shell">
       <a class="brand" href="#top" aria-label="Парад цвета — на главную">
@@ -36,12 +32,6 @@
     <main id="main">
       <section class="hero shell" id="top" aria-labelledby="hero-title">
         <div class="hero-art" aria-hidden="true"><img src="assets/images/flag_2_scribble.png" alt=""></div>
-        <div class="theme-switch" role="group" aria-label="Цветовая тема">
-          <span>Тема</span>
-          <label for="t-pink" class="dot dot-pink" title="Розовая тема"><span class="sr-only">Розовая</span></label>
-          <label for="t-blue" class="dot dot-blue" title="Голубая тема"><span class="sr-only">Голубая</span></label>
-          <label for="t-yellow" class="dot dot-yellow" title="Жёлтая тема"><span class="sr-only">Жёлтая</span></label>
-        </div>
         <div class="hero-copy">
           <p class="kicker">Фестиваль музыки, общения и ярких красок</p>
           <h1 id="hero-title">ПАРАД<br>ЦВЕТА</h1>

color-parade/styles.css

@@ -13,13 +13,7 @@ img{display:block;max-width:100%}
 button,a,input,label{-webkit-tap-highlight-color:transparent}
 a:focus-visible,label:focus-visible{outline:3px solid var(--ink);outline-offset:5px}
 .shell{width:min(1360px,calc(100% - 96px));margin-inline:auto}
-.page{--accent:var(--mg);--accent-soft:#fbe4f1;--on-accent:#fff;min-height:100vh;overflow:hidden}
-#t-pink:checked~.page{--accent:#ea268c;--accent-soft:#f7e6ef;--on-accent:#fff}
-#t-blue:checked~.page{--accent:#0297f1;--accent-soft:#e6f2f7;--on-accent:#fff}
-#t-yellow:checked~.page{--accent:#efcb20;--accent-soft:#fbf5d7;--on-accent:#181818}
-.theme-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
-#t-pink:focus-visible~.page .dot-pink,#t-blue:focus-visible~.page .dot-blue,#t-yellow:focus-visible~.page .dot-yellow{outline:3px solid var(--ink);outline-offset:5px}
-#t-pink:checked~.page .dot-pink,#t-blue:checked~.page .dot-blue,#t-yellow:checked~.page .dot-yellow{box-shadow:0 0 0 3px var(--paper),0 0 0 5px var(--ink)}
+.page{--accent:#ea268c;--accent-soft:#f7e6ef;--on-accent:#fff;min-height:100vh;overflow:hidden}
 .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 .skip-link{position:fixed;left:20px;top:12px;z-index:100;padding:12px 18px;background:var(--ink);color:#fff;transform:translateY(-160%)}
 .skip-link:focus{transform:translateY(0)}
@@ -45,9 +39,6 @@ h3{margin-bottom:12px;font-size:24px;line-height:1.15;letter-spacing:-.025em}
 .hero-lead{max-width:630px;margin-bottom:38px;font-size:22px;line-height:1.5}
 .hero-art{position:absolute;z-index:0;width:920px;right:-270px;top:50%;transform:translateY(-50%) rotate(-7deg);opacity:.98}
 .hero:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,var(--paper) 0%,var(--paper) 43%,transparent 72%);pointer-events:none}
-.theme-switch{position:absolute;z-index:3;right:0;top:36px;display:flex;align-items:center;gap:13px;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
-.dot{display:block;width:22px;height:22px;border-radius:50%;cursor:pointer}
-.dot-pink{background:#ea268c}.dot-blue{background:#21b6eb}.dot-yellow{background:#f8ee38;border:1px solid #d7cd61}
 .ticker{overflow:hidden;background:var(--yl);border-block:2px solid var(--ink);padding:16px 0;white-space:nowrap;font-family:InterDisplay,Inter,sans-serif;font-size:27px;font-weight:900;letter-spacing:.025em}
 .ticker span{display:block;width:max-content;min-width:100%;text-align:center}
 
@@ -125,7 +116,6 @@ h3{margin-bottom:12px;font-size:24px;line-height:1.15;letter-spacing:-.025em}
   .hero-copy{width:100%}.hero-lead{max-width:530px;font-size:20px}
   .hero-art{width:700px;right:-320px;top:55%;opacity:.55}
   .hero:after{background:linear-gradient(90deg,var(--paper) 0%,#fffdf5e8 55%,transparent 100%)}
-  .theme-switch{top:28px}
   .feature-grid,.card-grid{grid-template-columns:1fr}
   .feature{min-height:240px}.feature h3{margin-top:55px}
   .section{padding-block:80px}.section-heading{display:block}.section-heading>p{margin-top:24px}
@@ -145,7 +135,6 @@ h3{margin-bottom:12px;font-size:24px;line-height:1.15;letter-spacing:-.025em}
   .hero-lead{font-size:18px;line-height:1.5;max-width:94%}
   .hero .button{min-height:58px;font-size:15px}
   .hero-art{width:570px;right:-280px;top:55%;opacity:.42}
-  .theme-switch>span{display:none}
   .ticker{font-size:21px;padding-block:12px}.ticker span{text-align:left}
   .section{padding-block:64px}.feature-grid{gap:14px}.feature{min-height:230px;padding:24px}
   .feature-number{font-size:50px}.feature h3{font-size:25px;margin-top:45px}