:root {
    --text-color: #3A413E;
    --hr-color: #DDD7DA;
    --section-border-color: #D9D6D8;

    --bg-color: #FDF7F9;
    --box-bg-color: #FAF0EF;
    --footer-bg-color: #FAF0EF;
    --green-light-color: #BEBA90;
    --green-color: #A5B652;
    --brown-color: #E49313;
    --pink-color: #F07D52;
    --error-color: #DE622B;

    --input-bg-color: #FEFAF9;
    --input-active-bg-color: #F5F4D8;
    --input-border-color: #D9D6D8;
    --input-active-border-color: #7B8146;
    --input-error-bg-color: #FDE6B4;
    --input-error-text-color: #814E0A;
    --input-error-border-color: var(--brown-color);

    --button-light-color: #EC821F;
    --button-dark-color: #BE600D;
    --button-border-color: #A8580E;
    --button-light-color-hv: #FC9C10;
    --button-dark-color-hv: #F98704;
    --button-border-color-hv: #BB4E0D;

    --primary-button-light-color: #83953A;
    --primary-button-dark-color: #516734;
    --primary-button-border-color: #43512E;
    --primary-button-light-color-hv: #A5B652;
    --primary-button-dark-color-hv: #505348;
    --primary-button-border-color-hv: #506129;

    --page-padding: 3rem;
    
    --paw-svg: url('data:image/svg+xml,%3C%3Fxml version="1.0" standalone="no"%3F%3E%3C!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd"%3E%3Csvg version="1.0" xmlns="http://www.w3.org/2000/svg" width="823.000000pt" height="847.000000pt" viewBox="0 0 823.000000 847.000000" preserveAspectRatio="xMidYMid meet"%3E%3Cg transform="translate(0.000000,847.000000) scale(0.100000,-0.100000)"%0Afill="%23000000" stroke="none"%3E%3Cpath d="M5115 8455 c-163 -36 -305 -124 -459 -286 -278 -292 -430 -732 -413%0A-1194 14 -388 131 -704 341 -923 170 -177 344 -253 575 -253 224 0 407 84 578%0A264 394 415 496 1167 243 1810 -171 436 -506 661 -865 582z"/%3E%3Cpath d="M2446 8160 c-92 -25 -177 -69 -255 -133 -247 -200 -390 -637 -352%0A-1067 15 -164 26 -223 62 -353 128 -459 413 -845 733 -992 99 -46 175 -64 291%0A-71 130 -8 221 11 341 70 400 198 577 733 453 1374 -104 541 -456 1016 -856%0A1155 -77 27 -104 31 -218 33 -104 3 -144 0 -199 -16z"/%3E%3Cpath d="M7295 6580 c-278 -43 -577 -230 -788 -493 -180 -224 -289 -450 -348%0A-727 -20 -89 -23 -134 -23 -300 0 -178 2 -203 26 -291 57 -209 134 -347 268%0A-472 176 -166 416 -235 671 -192 305 50 597 253 824 570 70 97 168 287 208%0A400 39 112 76 292 89 436 46 514 -191 939 -582 1049 -87 24 -255 34 -345 20z"/%3E%3Cpath d="M565 6065 c-268 -59 -462 -249 -537 -527 -19 -70 -23 -108 -22 -238%0A0 -243 40 -411 154 -645 184 -375 526 -705 883 -851 159 -65 264 -86 422 -88%0A166 -1 224 12 364 80 264 130 408 410 387 751 -11 194 -60 364 -162 568 -204%0A411 -611 779 -1004 909 -168 55 -351 71 -485 41z"/%3E%3Cpath d="M4039 5160 c-301 -34 -614 -201 -864 -461 -169 -176 -278 -330 -420%0A-599 -192 -363 -366 -584 -852 -1082 -138 -142 -288 -301 -333 -355 -222 -266%0A-366 -550 -432 -853 -19 -90 -22 -135 -22 -315 0 -243 12 -333 74 -518 156%0A-465 516 -809 974 -927 159 -41 291 -54 486 -47 183 6 296 23 475 72 152 42%0A257 83 515 203 425 196 468 215 575 257 159 62 277 85 432 85 213 0 358 -30%0A766 -161 454 -145 551 -164 827 -164 229 0 264 4 430 55 377 115 694 435 828%0A836 164 488 76 1065 -230 1506 -153 221 -329 384 -684 633 -543 382 -783 604%0A-1083 1005 -163 219 -367 434 -509 538 -297 219 -648 326 -953 292z"/%3E%3C/g%3E%3C/svg%3E');
}

html {
    font-size: 16px;
}

* {
    box-sizing: border-box;
}

body {
    color: var(--text-color);
    line-height: 1.6;
    font-family: 'Nunito', sans-serif;
    font-optical-sizing: auto;
    background-color: var(--footer-bg-color);
    margin: 0;
}

header,
section {
    padding: 0 var(--page-padding);
}

h1 {
    font-size: 2.5em;
    font-weight: 700;
    line-height: 1.15;
    padding: 0;
    margin: 0;
}

p {
    padding: 0;
    margin: 0;
}

.content {
    padding-bottom: 1em;
}


/* LOGO */
.brand {
    height: 3em;
    font-size: 1.75em;
    font-weight: 600;
    padding: 0 var(--page-padding);
    display: flex;
    align-items: center;
    gap: 0.15em;
    margin-bottom: -3em;
}

.brand__logo {
    width: 1.7em;
    height: 1.7em;
    background-color: var(--green-color); /* barva tlapky */
    -webkit-mask: var(--paw-svg) no-repeat center / contain;
    mask: var(--paw-svg) no-repeat center / contain;
    margin: 0.15em;
    display: block;
    flex-shrink: 0;
    flex-grow: 0;
}


/* HEADER */
.header {
    background-color: var(--bg-color);
    border-radius: 100% / 50px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    padding: 6.5em var(--page-padding) 4em;
}

.header__text > p {
    width: 40%;
    font-size: 1.25em;
    margin: 1.5em 0;
    display: block;
}


/* CONTACT */
.contact__list {
    list-style: none;
    padding: 0;
    margin: 1em 0;
}

.contact__item {
    padding: 0.1em 0;
    align-items: center;
    display: flex;
    gap: 0.5em;
}

.contact__item > .fa-stack {
    font-size: 1.15em;
}

.contact__item > .fa-stack > .fa-inverse {
    color: var(--footer-bg-color);
}

.contact__phone > .fa-stack {
    color: var(--green-color);
}

.contact__email > .fa-stack {
    color: var(--green-color);  
}

.contact__location > .fa-stack {
    color: var(--brown-color);
}

.contact__item > a {
    color: var(--text-color);
    text-decoration: none;
}

.contact__item > a:hover {
    text-decoration: underline;
}