/* ============================================================
   MOTYW DOKUMENTACJI — plik do samodzielnej edycji
   ------------------------------------------------------------
   Ten plik zawiera wszystkie zmienne wyglądu: kolory, tło, czcionki,
   szerokości i zaokrąglenia. Możesz go edytować lub podmienić w całości.

   Uwaga: podczas ponownego generowania (build.php) ten plik NIE jest
   nadpisywany, jeśli już istnieje w katalogu wyjściowym — Twoje zmiany
   są bezpieczne. Aby wygenerować go od nowa, usuń go z katalogu wyjścia.

   Zmienne działają w dwóch trybach: jasnym (:root) i ciemnym
   ([data-theme="dark"]). Zmień wartości hex, aby dostosować kolorystykę.

   Motyw: ASTRARIUM — mistyczne, nocne niebo, złoto i fiolet.
   ============================================================ */

:root {
  /* ----- Tła — głębia nocnego nieba ----- */
  --bg: #07061a;
  --bg-subtle: #120c34;
  --bg-code: #170f3a;
  --panel: rgba(18, 12, 42, .62);

  /* ----- Obramowania — cienkie złote linie ----- */
  --border: rgba(232, 196, 120, .16);
  --border-strong: rgba(232, 196, 120, .38);

  /* ----- Tekst ----- */
  --text: #f4eefe;
  --text-muted: rgba(214, 206, 240, .68);
  --text-faint: rgba(200, 192, 230, .44);

  /* ----- Akcent (kolor marki) — złoto mistyczne + fiolet ----- */
  --accent: #e8c478;
  --accent-soft: rgba(232, 196, 120, .14);
  --accent-text: #f3e6c4;
  --accent-2: #9a7ce8;        /* fiolet — do gradientów i drugorzędnych akcentów */

  /* ----- Efekty ----- */
  --shadow: 0 4px 18px rgba(0, 0, 0, .5), 0 0 44px rgba(150, 88, 200, .14);
  --radius: 14px;

  /* ----- Wymiary układu ----- */
  --sidebar-w: 288px;
  --header-h: 60px;
  --measure: 68ch;            /* szerokość kolumny tekstu */

  /* ----- Czcionki ----- */
  --sans: "EB Garamond", Georgia, "Times New Roman", serif;
  --serif: "Cormorant Garamond", Georgia, serif;
  --mono: ui-monospace, "SF Mono", "JetBrains Mono", "Fira Code", Menlo, Consolas, monospace;

  /* ----- Typografia treści -----
     EB Garamond ma niski x-height, więc bazę trzymamy wyżej niż typowe 16px. */
  --font-size-base: 18.5px;
  --line-height-base: 1.75;
}

[data-theme="dark"] {
  /* Motyw jest domyślnie nocny — wariant "dark" pogłębia jeszcze fiolet tła */
  --bg: #050412;
  --bg-subtle: #0e0a2a;
  --bg-code: #120b30;
  --panel: rgba(14, 9, 34, .68);
  --border: rgba(232, 196, 120, .14);
  --border-strong: rgba(232, 196, 120, .32);
  --text: #f4eefe;
  --text-muted: rgba(214, 206, 240, .64);
  --text-faint: rgba(200, 192, 230, .4);
  --accent: #e8c478;
  --accent-soft: rgba(232, 196, 120, .12);
  --accent-text: #f3e6c4;
  --accent-2: #9a7ce8;
  --shadow: 0 4px 18px rgba(0, 0, 0, .55), 0 0 44px rgba(150, 88, 200, .16);
}