:root {
    --primary-color: #1f3355;
    --secondary-color: #18af56;
    --app-container: #f9f9f9;

    --secondary-color-hover: #18af5733;

    --nav-background: rgba(255, 255, 255, 0.25);

    --header-home-background: linear-gradient(180deg, var(--app-container), var(--neo-background));
    --header-img-width: 27vw;
    --header-searchbar-height: 5rem;
    --header-searchbar-input-height: 3rem;
    --header-border-radius-input: 10px;
    --header-input-background: #60769c;

    --primary-text-color : #a0a5a8;

    --neo-grey-blue : #d1d9e6;
    --neo-white-blue: #f9f9f9;
    --neo-background: #ecf0f3;
    
    --success-color: #28a745;
    --info-color: #17a2b8;
    --warning-color: #ffc107;
    --danger-color: #dc3545;
    --light-color: #f8f9fa;
    --dark-color: #343a40;

    --border-radius: 1rem;

    --padding-md: 1rem;

    --nav-height: 3rem;

    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;

    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;


    --h00-size-mobile: 2.5rem;
    --h0-size-mobile: 2rem;
    --h1-size-mobile: 1.625rem;
    --h2-size-mobile: 1.375rem;
    --h3-size-mobile: 1.125rem;
    --h00-size: 3rem;
    --h0-size: 2.5rem;
    --h1-size: 2rem;
    --h2-size: 1.5rem;
    --h3-size: 1.25rem;
    --h4-size: 1rem;
    --h5-size: 0.875rem;
    --h6-size: 0.75rem;
    --body-font-size: 0.875rem;
    --font-size-small: 0.75rem;
}