/*
Theme Name: ELMAR Spedycja Theme
Author: Szymon Zagańczyk
Author URI: https://www.linkedin.com/in/szymon-zaganczyk/
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* carlito-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Carlito';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/carlito-v4-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* carlito-italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Carlito';
  font-style: italic;
  font-weight: 400;
  src: url('assets/fonts/carlito-v4-latin_latin-ext-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* carlito-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Carlito';
  font-style: normal;
  font-weight: 700;
  src: url('assets/fonts/carlito-v4-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* carlito-700italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Carlito';
  font-style: italic;
  font-weight: 700;
  src: url('assets/fonts/carlito-v4-latin_latin-ext-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* Zmienne */

:root {
    /* Kolory */
    --twilight-indigo: #1b3152ff;
    --carrot-orange: #f79817;
    --bright-amber: #fbc710ff;
    --dust-grey: #d8d8d8ff;
    --white: #ffffffff;

    /* Pomocnicze kolory */
    --color-border-light: rgba(27, 49, 82, 0.1);
    --color-hover-bg: #f5f5f5;

    /* Layout */
    --max-width: 1440px;
    --radius: 8px;

    /* Cienie */
    --shadow-menu: 0 4px 12px rgba(0, 0, 0, 0.1);

    /* Animacje */
    --transition-fast: 0.2s ease;
    --transition-base: 0.3s ease;

    /* Typografia */
    --font-base: 'Carlito', sans-serif;
    --font-size-menu: 25px;
    --font-size-submenu: 18px;
}