*, *::before, *::after {
  box-sizing: border-box;
}

html, body, #root {
  height: 100%;
  width: 100%;
}

/* Globālais fonts (Open Sans @font-face ir public/css/fonts.css) */
html, body {
  font-family: "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  text-rendering: optimizeLegibility;

    //background-color: #FCFCFDFF;
}

body {
  margin: 0;
  padding: 0;
  line-height: 1.5;



}

/* Layout sakne */
#root {
  min-height: 100vh; /* fallback */
  display: flex;
  flex-direction: column;
}

@supports (min-height: 100dvh) {
  #root {
    min-height: 100dvh; /* dynamic viewport height for mobile */
  }
}

/* Tipiskās nulles */
h1, h2, h3, h4, h5, h6, p, ul, ol, figure {
  margin: 0;
}

img, svg, video, canvas {
  display: block;
  max-width: 100%;
  height: auto;
}

a:focus, button:focus {
  outline: none;
}

h1 {
    font-weight: 400;
    font-size: clamp(28px, 5vw, 60px);
    line-height: 1.1;
}

h2 {
  font-weight: 600;
  font-size: clamp(28px, 5vw, 40px);
  line-height: 1.1;
}

.h2-sub {
  font-weight: 600;
  font-size: clamp(16px, 2.6vw, 18px);
  line-height: 1.1;
}



h3 {
  font-weight: 700;
  font-size: clamp(20px, 3.2vw, 26px);
  line-height: 1.15;
}

p {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
}

.p-sub {
    font-weight: 400;
    font-size: clamp(19px, 3.6vw, 24px);
    line-height: 1.2;
}

/* Utilītas svaram */
.fw-400 { font-weight: 400; }
.fw-600 { font-weight: 600; }
.fw-700 { font-weight: 700; }

.uppercase { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }
.capitalize { text-transform: capitalize; }