/* ==========================================================================
   AVIATO – design tokens
   Wyciągnięte z obecnej strony aviato.com.pl (motyw BrainBizz, wrzesień 2026).
   Wartości 1:1 z computed styles, żeby nowa strona zachowała charakter marki.
   ========================================================================== */

@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500&family=Montserrat:wght@500;600&family=Open+Sans:wght@400;600;700&display=swap");

:root {
  /* --- Kolory marki (z pliku logo SVG) --- */
  --av-bordo:        #3E1C22;  /* kolor główny: header, stopka, przyciski, akcenty, linie */
  --av-mist:         #C5DBE1;  /* kolor logo na ciemnym tle, menu i tekst w stopce */
  --av-ink:          #0C1921;  /* granatowo-czarny z palety logo, rzadko: bardzo ciemne tła */

  /* --- Neutralne --- */
  --av-heading:      #151515;  /* nagłówki na jasnym tle */
  --av-text:         #616161;  /* tekst akapitów */
  --av-muted:        #8A8A8A;
  --av-line:         #E4E4E4;  /* obramowania kart, separatory */
  --av-sand:         #F6F4F0;  /* ciepłe jasne tło kafelków (strona Kontakt) */
  --av-white:        #FFFFFF;

  /* --- Typografia --- */
  --av-font-display: "Playfair Display", Georgia, "Times New Roman", serif;   /* nagłówki */
  --av-font-label:   "Montserrat", "Helvetica Neue", Arial, sans-serif;       /* menu, etykiety sekcji */
  --av-font-body:    "Open Sans", "Helvetica Neue", Arial, sans-serif;        /* treść, przyciski */

  --av-fs-hero:      clamp(2.5rem, 5vw + 1rem, 4.5rem);  /* 72px desktop */
  --av-lh-hero:      1.25;
  --av-fs-h1:        clamp(2.25rem, 2vw + 1.5rem, 3rem);  /* 48px, tytuł podstrony na zdjęciu */
  --av-fs-h2:        clamp(1.875rem, 1.2vw + 1.4rem, 2.25rem); /* 36px, tytuł sekcji */
  --av-fs-h3:        1.375rem;  /* 22px, tytuł karty */
  --av-fs-h4:        1.25rem;   /* 20px */
  --av-fs-body:      1rem;      /* 16px */
  --av-lh-body:      1.875;     /* 30px przy 16px, bardzo przewiewnie */
  --av-fs-small:     0.875rem;  /* 14px */
  --av-fs-label:     0.875rem;  /* 14px Montserrat 600 uppercase */
  --av-ls-label:     0.02em;
  --av-fs-button:    0.8125rem; /* 13px */
  --av-ls-button:    0.07em;

  /* --- Layout --- */
  --av-container:    1170px;
  --av-gutter:       30px;
  --av-header-h:     100px;
  --av-header-h-mobile: 72px;
  --av-section-y:    clamp(64px, 8vw, 120px);
  --av-radius:       0;         /* marka jest „kanciasta”: bez zaokrągleń */
  --av-shadow-card:  0 10px 40px rgba(0, 0, 0, 0.08);

  /* --- Komponenty --- */
  --av-btn-pad:      17px 30px;
  --av-rule-w:       50px;      /* kreska przy etykiecie sekcji */
}