/* --- Futura - Standardni stilovi --- */

/* --- Težina 300 (Light) --- */
@font-face {
    font-family: 'Futura';
    src: url('fonts/Futura/300 futura light bt.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Futura';
    src: url('fonts/Futura/300i Futura Light Italic font.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

/* --- Težina 400 (Regular/Book) --- */
@font-face {
    font-family: 'Futura';
    src: url('fonts/Futura/400 Futura Book font.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Futura';
    src: url('fonts/Futura/400i Futura Book Italic font.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

/* --- Težina 500 (Medium) --- */
@font-face {
    font-family: 'Futura';
    src: url('fonts/Futura/500 futura medium bt.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Futura';
    src: url('fonts/Futura/500i Futura Medium Italic font.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

/* --- Težina 600 (Heavy) --- */
@font-face {
    font-family: 'Futura';
    src: url('fonts/Futura/600 Futura Heavy font.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Futura';
    src: url('fonts/Futura/600i Futura Heavy Italic font.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

/* --- Težina 700 (Bold) --- */
@font-face {
    font-family: 'Futura';
    src: url('fonts/Futura/700 Futura Heavy font.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Futura';
    src: url('fonts/Futura/700i Futura Bold Italic font.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

/* --- Težina 800 (Extra Black) --- */
@font-face {
    font-family: 'Futura';
    src: url('fonts/Futura/800 Futura Extra Black font.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

/* NAPOMENA: Za težinu 800 ne postoji Italic fajl na slici. */


/* --- Težina 900 (Extra Black Italic) --- */
@font-face {
    font-family: 'Futura';
    src: url('fonts/Futura/900 Futura XBlk BT.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Futura';
    src: url('fonts/Futura/900i tt0205m_.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

:root {
  --font-family-base: "Futura", sans-serif;
  --font-family-heading: "Futura", sans-serif;
  --font-size-base: 1rem;
  --line-height-base: 1;
  --heading-font-weight: 900;

  --font-size-01: 7.5rem;
  --font-size-02: 4.5rem;
  --font-size-03: 2.7rem;
  --font-size-04: 2.5rem;
  --font-size-05: 1.6rem;
  --font-size-06: 1.1rem;
}

* {
  font-family: var(--font-family-base) !important;
  line-height: 1 !important;
}

p,
a,
input,
textarea {
  font-weight: 300;
}

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

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
input,
textarea,
button {
  line-height: var(--line-height-base);
}

h1 {
  font-size: 2.5rem;
}

p {
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 300;
}

a {
  text-decoration: none;
}

/* 1) Kvadratno / portret (aspect-ratio ≤ 1:1) */
@media (max-aspect-ratio: 1/1) {
  :root {
    /* scale = (screenWidth/baseWidth)*2 → font-size = baseFontSize*2 */
    font-size: calc(100vw * (16 / 1920) * 2);
  }
}

/* 2) Od 1:1 do 14:9 */
@media (min-aspect-ratio: 1/1) and (max-aspect-ratio: 14/9) {
  :root {
    /* scale = (screenWidth/baseWidth)*1.5 → font-size = baseFontSize*1.5 */
    /* font-size: calc(100vw * (16/1920) * 1.5); */
  }
}

/* 3) Šire od 14:9 */
@media (min-aspect-ratio: 14/9) {
  :root {
    /* scale = (screenWidth/baseWidth)*1 → font-size = baseFontSize */
    font-size: calc(100vw * (16 / 1920));
  }
}