@font-face {
    font-family: "Red Hat Display";
    font-weight: 100;
    src: url("../fonts/RedHatDisplay-Light.ttf");
}

@font-face {
    font-family: "Red Hat Display";
    font-weight: 500;
    src: url("../fonts/RedHatDisplay-Regular.ttf");
}

@font-face {
    font-family: "Red Hat Display";
    font-weight: 600;
    src: url("../fonts/RedHatDisplay-Medium.ttf");
}

@font-face {
    font-family: "Red Hat Display";
    font-weight: 900;
    src: url("../fonts/RedHatDisplay-Bold.ttf");
}

@font-face {
    font-family: "Barlow Condensed";
    font-weight: 700;
    src: url("../fonts/BarlowCondensed-Bold.ttf");
}

:root {
    --vincario-font-primary: "Red Hat Display", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    --vincario-font-accent: "Barlow Condensed", "Red Hat Display", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    --vincario-font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;

    --vincario-color-surface: #ffffff;
    --vincario-color-surface-strong: #222222;
    --vincario-color-border: #e7ebf3;
    --vincario-color-text: #222222;
    --vincario-color-text-contrast: #ffffff;
    --vincario-color-heading: #0b132b;
    --vincario-color-muted: #89acb3;
    --vincario-color-accent: #00a7cc;
    --vincario-color-primary: #00b047;
    --vincario-color-primary-strong: #008c3a;
    --vincario-color-cta: #198754;
    --vincario-color-cta-hover: #157347;

    --vincario-color-success: #4bc36b;
    --vincario-color-success-strong: #3ca25a;
    --vincario-color-placeholder: #708090;
    --vincario-color-subtle: #f6f8fb;
    --vincario-color-disabled: #a8afb6;
    --vincario-color-body-strong: #1f2529;
    --vincario-color-body-muted: #3c4852;

    --vincario-shadow-popover: 0 12px 32px rgba(34, 34, 34, 0.15);
    --vincario-shadow-card: 0 6px 30px rgba(0, 0, 0, 0.05);
}


/*
Todos:
1. Pokazena responzivita na mobiloch homepage (cs-outer widget robi problemy ze preteka)
2. Pokazena Banner Ads doriesit -> Toto zatial preskoc!
3. Side Menu treba doriesit aby bolo rovnake ->Toto zatial rpeskoc
4. hamburger ikona ma byt pouzita moja z main app projektu a nie takato umelo vytvorena aku pouzivam v blogu aktualne
5. V Blogu mi chyba v tom side menu tlacitko Book a Demo rovnako ako je na main webe a ma mat rovnaky dizajn

Oprav tieto body prosim!
*/