restyle: flat Cherenkov-blue design, WCAG (skip link, focus, labels), auto dark mode

src/pages/telescopes.astro

@@ -11,32 +11,32 @@ import Base from '../layouts/Base.astro';
   <section class="container page">
     <div class="panel" style="max-width:640px">
       <div class="form-row">
-        <label>Tytuł propozycji</label>
-        <input type="text" placeholder="np. Obserwacja rozbłysków AGN" />
+        <label for="f-title">Tytuł propozycji</label>
+        <input id="f-title" type="text" placeholder="np. Obserwacja rozbłysków AGN" />
       </div>
       <div class="form-row">
-        <label>Teleskop</label>
-        <select>
+        <label for="f-scope">Teleskop</label>
+        <select id="f-scope">
           <option>LST-1 (Large Size Telescope)</option>
           <option>MST (Medium Size Telescope)</option>
           <option>SST (Small Size Telescope)</option>
         </select>
       </div>
       <div class="form-row">
-        <label>Zakres energii</label>
-        <select>
+        <label for="f-energy">Zakres energii</label>
+        <select id="f-energy">
           <option>20 GeV – 3 TeV</option>
           <option>80 GeV – 50 TeV</option>
           <option>1 TeV – 300 TeV</option>
         </select>
       </div>
       <div class="form-row">
-        <label>Wymagany czas (godziny)</label>
-        <input type="number" min="1" placeholder="np. 25" />
+        <label for="f-hours">Wymagany czas (godziny)</label>
+        <input id="f-hours" type="number" min="1" placeholder="np. 25" />
       </div>
       <div class="form-row">
-        <label>Uzasadnienie naukowe</label>
-        <textarea rows="4" placeholder="Krótki opis celu obserwacji..."></textarea>
+        <label for="f-just">Uzasadnienie naukowe</label>
+        <textarea id="f-just" rows="4" placeholder="Krótki opis celu obserwacji..."></textarea>
       </div>
       <button class="btn" type="button">Wyślij zgłoszenie</button>
       <p class="notice">Makieta demonstracyjna — formularz nie zapisuje danych.</p>