/* =====================
   [BASE] 00. ZMIENNE I BAZA
===================== */
:root {
  /* Brand orange/gold palette (based on #f7a736) */
  --sand-50: #fef8f0;
  --sand-100: #fef3e5;
  --sand-200: #fde8cd;
  --sand-300: #fcd9a8;
  --sand-400: #f9c372;
  --sand-500: #f7a736;
  --sand-600: #e89420;
  --sand-700: #d17d0a;

  /* Neutral grays to balance the palette */
  --gray-50: #fbfbfb;
  --gray-100: #f6f6f6;
  --gray-200: #eeeef0;
  --gray-300: #e3e3e5;
  --gray-400: #cfcfcf;
  --muted-600: #6b6b6b;

  --text-900: #1b1b1b;
  --accent: #f7a736;
  /* brand orange accent */
  --accent-soft: #fcd9a8;

  /* layout tokens */
  --bg: var(--gray-50);
  --card-bg: #ffffff;
  --border: var(--gray-300);


  --header-top-h: 90px;
  --header-bottom-h: 50px;
  /* Twoja dolna belka (kategorie) */
  --brand-gold: #f7a736;
}

body {
  color: var(--text-900);
  background: var(--bg);
  font-family: 'Roboto Flex', sans-serif;
}

/* Global subtle reset to match sand+gray aesthetic */
.card,
.product-card,
.site-header,
button,
input,
select,
textarea,
.btn {
  border-radius: 10px;
}

/* Default content container backgrounds and borders */
.site-content,
.container,
.content-area {
  background: var(--card-bg);
}

a {
  color: var(--accent);
  text-decoration: none;
  transition: 0.3s;
}

a:hover {
  color: var(--sand-700);
}

/* Site Branding Link */
.site-branding-link {
  text-decoration: none;
  color: inherit;
  transition: opacity 0.3s ease;
}

.site-branding-link:hover {
  opacity: 0.8;
}

.woocommerce .shop-products-wrapper {
  padding-bottom: 1.5rem;
}

.container-fluid:has(.bcg-form--b2b-registration) {
  margin-top: 1.5rem;
}