/* generat automat din design tokens — tema baterie24, 2026-07-13T20:06:46.189Z. NU edita manual. */

:root {
  --wb-primary: #0A2E5C;
  --wb-accent: #FFB300;
  --wb-background: #F7F8FA;
  --wb-surface: #FFFFFF;
  --wb-text: #1A202C;
  --wb-heading: #0A2E5C;
  --wb-link: #155BB5;
  --wb-link-hover: #0A2E5C;
  --wb-font-body: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --wb-font-heading: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --wb-font-size-base: 16px;
  --wb-heading-scale: 1.25;
  --wb-radius: 8px;
  --wb-button-style: solid;
  --wb-container-max-width: 1320px;
}

body {
  background: var(--wb-background);
  color: var(--wb-text);
  font-family: var(--wb-font-body);
  font-size: var(--wb-font-size-base);
}

h1, h2, h3, h4, h5, h6 {
  color: var(--wb-heading);
  font-family: var(--wb-font-heading);
}

[data-wb-on-dark] :is(h1, h2, h3, h4, h5, h6) {
  color: inherit;
}

a {
  color: var(--wb-link);
}

a:hover {
  color: var(--wb-link-hover);
}

.btn-primary, [data-wb-btn="primary"] {
  background: var(--wb-primary);
  color: #ffffff;
  border: 1px solid transparent;
  border-radius: var(--wb-radius);
}

.btn-accent, [data-wb-btn="accent"] {
  background: var(--wb-accent);
  color: #ffffff;
  border: 1px solid transparent;
  border-radius: var(--wb-radius);
}

.wb-container {
  max-width: var(--wb-container-max-width);
}

.card, .wb-card {
  border-radius: var(--wb-radius);
}