@import url("./components/footer.css");
@import url("./components/product_page.css");
@import url("./components/menu.css");
@import url("./components/blog-list.css");
@import url("./components/blog-post.css");
@import url("./components/shop-listing.css");
@import url("./pages/shared.css");
@import url("./pages/authentication.css");
@import url("./pages/checkout.css");
@import url("./pages/account.css");

/* Geist self-hosted: the jsDelivr geist-sans/style.css URL returns 404 */
@font-face {
  font-family: "Geist Sans";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/geist/Geist-Variable.woff2") format("woff2-variations"),
    url("../fonts/geist/Geist-Variable.woff2") format("woff2");
}

:root {
  /* Definicja koloru w formacie RGB (tylko liczby po przecinku) */
  --bs-primary-rgb: 0, 130, 178;
  --bs-secondary-color-rgb: 0, 43, 68;
  --bs-tertiary-color-rgb: 135, 158, 161;
  --light-blue: #0084b1;
  --dark-blue: #002b44;
  --white: #fff;
  --global-background-color: #f8f9fa;

  --light-gray: #879ea1;
}

@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl #content {
    max-width: 1440px !important;
  }
}

/* Ustawienie globalne dla całego dokumentu */
html,
body,
p,
span,
a,
h1,
h2,
h3,
h4,
h5,
h6,
input,
button,
select,
textarea {
  font-family:
    "Geist Sans",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    sans-serif !important;
}

/* Opcjonalnie: Geist Mono dla kodów lub specyfikacji (jeśli chcesz) */
code,
pre {
  font-family: "Geist Mono", monospace !important;
}