/* ===========================================================
   SP44MS
   VARIABLES.CSS
   =========================================================== */

:root{

/* ===========================================================
   KOLORY GŁÓWNE
   =========================================================== */

--primary:#0057B8;
--primary-light:#1976D2;
--primary-dark:#003D82;

--secondary:#00AEEF;
--secondary-light:#55CFFF;

--accent:#FFD400;
--accent-dark:#F4B400;

--success:#00C853;
--warning:#FF9800;
--danger:#E53935;


/* ===========================================================
   TŁA
   =========================================================== */

--bg:#ffffff;
--bg-light:#F6F8FC;
--bg-section:#F2F5FA;
--bg-dark:#071321;
--bg-footer:#08111F;


/* ===========================================================
   TEKST
   =========================================================== */

--text:#202124;
--text-light:#5F6368;
--text-white:#FFFFFF;
--text-muted:#8B95A5;


/* ===========================================================
   BORDER
   =========================================================== */

--border:#E4E8EE;
--border-light:#EEF2F6;


/* ===========================================================
   CIENIE
   =========================================================== */

--shadow-xs:
0 0.1042vw 0.2604vw rgba(0,0,0,.04);

--shadow-sm:
0 0.2604vw 0.9375vw rgba(0,0,0,.08);

--shadow-md:
0 0.5208vw 1.8229vw rgba(0,0,0,.12);

--shadow-lg:
0 1.0417vw 3.125vw rgba(0,0,0,.18);

--shadow-xl:
0 1.8229vw 4.6875vw rgba(0,0,0,.24);


/* ===========================================================
   GLASS
   =========================================================== */

--glass:

rgba(255,255,255,.15);

--glass-dark:

rgba(0,0,0,.25);

--glass-border:

rgba(255,255,255,.25);


/* ===========================================================
   GRADIENTY
   =========================================================== */

--gradient-primary:

linear-gradient(
135deg,
#0057B8 0%,
#1976D2 100%
);

--gradient-blue:

linear-gradient(
135deg,
#003D82 0%,
#0057B8 40%,
#00AEEF 100%
);

--gradient-dark:

linear-gradient(
135deg,
#061323,
#0C1E37,
#153B70
);

--gradient-light:

linear-gradient(
180deg,
#ffffff,
#F4F8FC
);

--gradient-gold:

linear-gradient(
135deg,
#FFD400,
#F4B400
);


/* ===========================================================
   PROMIENIE
   =========================================================== */

--radius-xs:0.2083vw;
--radius-sm:0.4167vw;
--radius-md:0.7292vw;
--radius-lg:1.0417vw;
--radius-xl:1.5625vw;
--radius-xxl:2.6042vw;
--radius-round:52.0312vw;


/* ===========================================================
   ODSTĘPY
   =========================================================== */

--space-1:0.2083vw;
--space-2:0.4167vw;
--space-3:0.625vw;
--space-4:0.8333vw;
--space-5:1.0417vw;
--space-6:1.25vw;
--space-7:1.6667vw;
--space-8:2.0833vw;
--space-9:2.5vw;
--space-10:3.3333vw;
--space-11:4.1667vw;
--space-12:5.2083vw;
--space-13:6.25vw;


/* ===========================================================
   SZEROKOŚCI
   =========================================================== */

--container:

72.9167vw;

--container-wide:

88.5417vw;


/* ===========================================================
   FONTY
   =========================================================== */

--font-main:

"Poppins",
sans-serif;

--font-weight-light:300;
--font-weight-normal:400;
--font-weight-medium:500;
--font-weight-semibold:600;
--font-weight-bold:700;
--font-weight-black:800;


/* ===========================================================
   NAGŁÓWKI
   =========================================================== */

--h1:

clamp(
3rem,
7vw,
6rem
);

--h2:

clamp(
2.2rem,
5vw,
4rem
);

--h3:

clamp(
1.5rem,
3vw,
2.1rem
);

--h4:

1.3rem;


/* ===========================================================
   LINIE
   =========================================================== */

--line-title:1.1;
--line-text:1.8;


/* ===========================================================
   PRZEJŚCIA
   =========================================================== */

--transition-fast:

all .2s ease;

--transition:

all .35s ease;

--transition-slow:

all .6s ease;


/* ===========================================================
   Z-INDEX
   =========================================================== */

--z-header:1000;
--z-menu:1100;
--z-modal:2000;
--z-loader:5000;


/* ===========================================================
   HERO
   =========================================================== */

--hero-height:100vh;

--hero-overlay:

rgba(4,18,40,.45);

--hero-overlay-strong:

rgba(4,18,40,.65);


/* ===========================================================
   BUTTONY
   =========================================================== */

--button-height:2.9167vw;

--button-padding:

0.9375vw 1.875vw;

--button-radius:

52.0312vw;


/* ===========================================================
   KARTY
   =========================================================== */

--card-radius:1.25vw;

--card-padding:2.0833vw;

--card-gap:1.6667vw;


/* ===========================================================
   ANIMACJE
   =========================================================== */

--animation-fast:.25s;

--animation:.45s;

--animation-slow:.8s;

}

:root{

    --header-height:4.7917vw;

    --header-bg:rgba(7,21,43,.66);

    --header-bg-scroll:rgba(255,255,255,.96);

    --header-shadow:0 0.625vw 2.0833vw rgba(0,0,0,.18);

    --header-radius:0.9375vw;

    --menu-gap:1.7708vw;

    --submenu-radius:1.1458vw;

    --submenu-shadow:0 1.3021vw 3.6458vw rgba(0,0,0,.18);

    --transition:.28s cubic-bezier(.2,.8,.2,1);

}

/* ===========================================================
   MENU
   =========================================================== */

--menu-gap:1.7708vw;

--menu-height:4.7917vw;

--submenu-radius:1.1458vw;

--submenu-shadow:0 1.3021vw 3.6458vw rgba(0,0,0,.18);

--submenu-width:62.5vw;