/* ═══════════════════════════════════════════════════════════════
   KOMPUTER: KOLORY I PRZYCISKI JAK NA TELEFONIE (8.10.2026)

   Telefon dostał nowy wygląd z prototypu (app/telefon/). Komputer
   zostaje przy swoim układzie, bierze tylko kolory i przyciski, żeby
   obie wersje wyglądały jak jedna aplikacja. Wartości przepisane
   z warstw telefonu (mobile/polish.css, motion.css, v19.css).

   Wszystko w min-width: 861px: telefon ma własne reguły i ich nie
   ruszamy.
   ═══════════════════════════════════════════════════════════════ */
@media (min-width: 861px) {
  /* tusz granatowy zamiast prawie czarnego; od niego biorą kolor
     główne przyciski (.btn-p) i nagłówki */
  :root:not([data-theme="dark"]) { --ink: #17232b; }

  /* karta „Zacznij od tego”: ten sam granat z zieloną poświatą co na telefonie */
  .pl-teraz {
    background: radial-gradient(ellipse at 100% 0, #52696c 0, transparent 67%),
                linear-gradient(140deg, #243a44, #101d27);
    border: 1px solid #ffffff26;
    box-shadow: inset 0 1px #ffffff45, 0 20px 48px -20px rgba(20, 34, 44, .35);
  }
  /* złota poświata w rogu na nowym tle robiła się brudnozielona */
  .pl-teraz::after { display: none; }
  .pl-teraz .lab { color: #d8b56b; }

  /* główny przycisk dnia: złoty, z jasną krawędzią u góry */
  .pl-teraz .pl-start {
    background: linear-gradient(160deg, #ffdf86, #edbe46);
    color: #14181d;
    box-shadow: inset 0 1px #ffffff99, 0 6px 18px rgba(0, 0, 0, .07);
  }
  .now { background: linear-gradient(145deg, #243843, #15232c); border: 1px solid #263b47; }
  .now .lab { color: #d8b56b; }
  .now .now-cta .btn { background: linear-gradient(160deg, #ffdf86, #edbe46); color: #14181d; }

  /* przyciski w treści: zaokrąglony prostokąt jak na telefonie */
  .view .btn-p, .view .btn-g { border-radius: 13px; }
}

/* wciśnięcie: przycisk lekko się zapada, od razu przy naciśnięciu (telefon ma to w swoich warstwach) */
@media (min-width: 861px) and (prefers-reduced-motion: no-preference) {
  .btn { transition: transform 160ms cubic-bezier(.23, 1, .32, 1), box-shadow 160ms ease, background-color 160ms ease; }
  .btn:active { transform: scale(.97); }
}