@charset "UTF-8";
:root {
    --blue: #010156;
    --indigo: #6812f3;
    --purple: #6f42c2;
    --pink: #e93f8e;
    --red: #a51f18;
    --orange: #fd7e17;
    --yellow-light: #fbeea8;
    --yellow: #ad6200;
    --green: #448344;
    --teal: #5abfdd;
    --cyan: #30638d;

    --white: white;
    --gray-25: #fcfcfc;
    --gray-50: #f9f9f9;
    --gray-75: #f0f0f0;
    --gray-100: #e6e6e6;
    --gray-150: #d9d9d9;
    --gray-200: #cccccc;
    --gray-250: #bfbfbf;
    --gray-300: #b3b3b3;
    --gray-400: #999999;
    --gray-500: #808080;
    --gray-600: #666666;
    --gray-700: #4d4d4d;
    --gray-800: #333333;
    --gray-900: #1a1a1a;
    --black: black;

    --logispak-link-on-dark: var(--white);
    --logispak-link-on-light: var(--black);
    --logispak-orange: #ff8901;
    --logispak-orange-rgba: rgba(255,137,0,.1);
    --logispak-red: #f20d0d;
    --logispak-red-dark: #c00a0a;
    --logispak-blue: #0088cc;
    --logispak-blue-dark: #0f3781;
    --logispak-gray: #f6f7f9;
    --logispak-blue-gradient: radial-gradient(farthest-corner at 50% 60%, #0088cc, #13246f);

    --body-font-family: var(--font-sans-serif);
    --body-font-small: .875rem;
    --body-font-size: 1rem;
    --body-line-height: 1.5;
    --body-font-weight: 400;
    --body-text-align: left;
    --font-sans-serif: var(--font-din), -apple-system, sans-serif;
    --font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --headings-font-family: var(--font-din-s-heavy), sans-serif;
    --menu-top-font-family: var(--font-din-s-med), sans-serif;

    --font-din: 'DIN Next LT W02 Regular';
    --font-din-s-med: 'DIN Next Slab W04 Medium';
    --font-din-s-bld: 'DIN Next Slab W04 Bold';
    --font-din-s-heavy: 'DIN Next Slab W04 Heavy';

    --menu-top-item-margin: 0 var(--double);
    --menu-top-dropdown-item-margin: var(--small) var(--double);
    --blog-margin: 4.5rem 0 7rem;
    --section-margin: 6.5rem 0 7rem;
    --section-margin-top: 6.5rem 0 0;
    --footer-margin: 6rem 0 var(--triple-half);

    --thin: .375rem;
    --half: .5rem;
    --small: .875rem;
    --regular: 1rem;
    --regular-between: 1.25rem;
    --regular-half: 1.5rem;
    --double: 2rem;
    --double-half: 2.5rem;
    --triple: 3rem;
    --triple-half: 3.5rem;
    --quadruple: 4rem;
    --quadruple-half: 4.5rem;
    --five-half: 5.5rem;
    --six-half: 6.5rem;
    --seven-half: 7.5rem;

    --radius-border: 6px;
    --radius-button: 18px;
    --transition: .3s;

    --article-wrapper: 654px;
    --article-header: 1080px;

    --page-wrapper: 1006px;
    --header-cover-height: 30rem;
    --header-cover-margin: 6rem 0 12rem;
    --header-product-menu-color: rgba(0,0,0,.5);
    --header-product-menu-margin: 0;

    --p-font-size: 1.125rem;
    --p-line-height: 1.7em;
}