/* tokeny designu, reset, kontener globalny */

:root {
  --c-yellow:        #FFC800;
  --c-yellow-bright: #FFD400;
  --c-yellow-deep:   #FFD500;
  --c-yellow-light:  #FFE161;

  --c-teal:          #008C7D;
  --c-teal-dark:     #07616C;
  --c-teal-darker:   #064E56;
  --c-teal-deep:     #00404A;
  --c-teal-light:    #009B97;
  --c-teal-mid:      #00605D;
  --c-teal-grad-a:   #016461;
  --c-teal-grad-b:   #009894;

  --c-bg:            #FFFFFF;
  --c-text:          #07616C;
  --c-text-on-dark:  #FFFFFF;
  --c-text-muted:    #064E56;
  --c-deep-shadow:   #0F3630;
  --c-green-bi:      #00E47C;

  --c-text-on-yellow: #07616C;
  --c-cover-overlay-end: #0F3630;
}

:root {
  --grad-nav:    linear-gradient(270deg, #009B97 0%, #00605D 100%);
  --grad-hero-left: linear-gradient(0deg, #008C7D 0%, #064E56 100%);
  --grad-tile: linear-gradient(270deg, #064E56 0%, #008C7D 100%);
  --grad-yellow-tile: linear-gradient(180deg, #FFE161 0%, #FFC800 100%);
  --grad-cover-overlay: linear-gradient(180deg, rgba(0,155,151,0) 0%, #0F3630 100%);
  --grad-duration: linear-gradient(180deg, #008C7D 0%, #064E56 100%);
  --grad-dialog: linear-gradient(90deg, #016461 0%, #009894 100%);
  --grad-refund: linear-gradient(270deg, #008C7D 0%, #064E56 100%);
  --grad-expert-card: linear-gradient(270deg, #008C7D 0%, #064E56 100%);
}

*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: 'Lato', system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: var(--c-text);
  background: var(--c-bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body.page-main { min-width: 1440px; }
img, svg { display: block; max-width: 100%; }
button { font: inherit; cursor: pointer; border: 0; background: none; padding: 0; color: inherit; }
input, select, textarea { font: inherit; color: inherit; }
a { color: inherit; text-decoration: none; }
ul, ol { margin: 0; padding: 0; list-style: none; }
h1, h2, h3, h4, h5, h6, p { margin: 0; }
[hidden] { display: none !important; }

.container {
  width: 1440px;
  margin: 0 auto;
  position: relative;
}

.band-yellow {
  width: 100%;
  height: 28px;
  background: var(--c-yellow);
}

/* Sekcja z 100% tłem i wewnętrzną treścią ograniczoną do 1440 */
.section {
  position: relative;
  width: 100%;
}

/* Helpers fontowe */
.font-livvic { font-family: 'Livvic', 'Lato', sans-serif; }
.font-lato   { font-family: 'Lato', sans-serif; }