/* =========================================================
   theme/variables.css
   ---------------------------------------------------------
   Wszystkie zmienne CSS (custom properties).
   Edytuj tutaj kolory, fonty, cienie, zaokrąglenia itd.
   ========================================================= */

:root {
  /* Tło całej strony poza białą zawartością */
  --color-page: #fbfaf7;

  /* Główne jasne tło strony */
  --color-surface: #fbfaf7;

  /* Delikatne tło elementów, np. badge, sekcje soft */
  --color-surface-soft: #f1ece6;

  /* Białe karty, formularze, boxy */
  --color-surface-strong: #ffffff;

  /* Główny tekst */
  --color-text: #071225;

  /* Tekst pomocniczy, opisy */
  --color-muted: #5d6675;

  /* Linie i obramowania */
  --color-border: rgba(7, 18, 37, 0.12);

  /* Główny ciemny kolor, np. przyciski */
  --color-primary: #071225;

  /* Tekst na ciemnym tle */
  --color-primary-text: #ffffff;

  /* Akcent beżowo-brązowy */
  --color-accent: #a78b78;

  /* Font zwykłego tekstu */
  --font-main: Arial, Helvetica, sans-serif;

  /* Font nagłówków i logo */
  --font-heading: Georgia, "Times New Roman", serif;

  /* Zaokrąglenie dużych elementów */
  --radius-large: 28px;

  /* Zaokrąglenie kart */
  --radius-card: 24px;

  /* Zaokrąglenie przycisków */
  --radius-button: 12px;

  /* Cień dużych elementów */
  --shadow-soft: 0 24px 70px rgba(7, 18, 37, 0.10);

  /* Cień kart */
  --shadow-card: 0 18px 55px rgba(7, 18, 37, 0.08);

  /* Maksymalna szerokość treści */
  --container: 1180px;
}