:root {
    --title-font-weight: 700;
    --title-font-size: 4.5rem;
    --title-letter-spacing: -0.15rem;
    --title-line-height: 140%;

    --subtitle-font-weight: 400;
    --subtitle-font-size: 2rem;
    --subtitle-letter-spacing: 0;
    --subtitle-line-height: 120%;

    --button-font-weight: 500;
    --button-font-size: 1rem;
    --button-letter-spacing: 0;
    --button-line-height: 100%;
    --button-hover-opacity: 0.9;

    --heading-font-weight: 600;
    --heading-font-size: 3rem;
    --heading-letter-spacing: 0;
    --heading-line-height: 120%;

    --subheading-font-weight: 400;
    --subheading-font-size: 1.5rem;
    --subheading-letter-spacing: 0;
    --subheading-line-height: 120%;

    --h3-font-weight: 600;
    --h3-font-size: 1.5rem;
    --h3-letter-spacing: 0;
    --h3-line-height: 120%;

    --h4-font-weight: 600;
    --h4-font-size: 1rem;
    --h4-letter-spacing: 0;
    --h4-line-height: 120%;

    --body-base-font-weight: 400;
    --body-base-font-size: 1rem;
    --body-base-letter-spacing: 0;
    --body-base-line-height: 140%;

    --body-strong-font-weight: 600;
    --body-strong-font-size: 1rem;
    --body-strong-letter-spacing: 0;
    --body-strong-line-height: 140%;

    --card-font-size: 0.8rem;


    --color-primitives-slate-200: rgba(227, 227, 227, 1);
    --color-primitives-black-1000: rgba(12, 12, 13, 1);
    --color-primitives-gray-900: rgba(30, 30, 30, 1);
    --color-primitives-gray-500: rgba(117, 117, 117, 1);
    --color-primitives-white-1000: rgba(255, 255, 255, 1);
    --color-primitives-white-500: rgba(255, 255, 255, 0.7);

    --color-background-light: rgba(210, 210, 210, 1);
    --color-alphasirius-dark: rgba(11, 18, 28, 1);
    --color-alphasirius-gold: rgba(244, 203, 122, 1);
    --color-alphasirius-blue: rgba(40, 70, 104, 1);

    --color-section-blue: rgb(230, 242, 255);
    --color-section-gray: rgb(248, 249, 250);

    --color-text-default-overlay: var(--color-primitives-black-1000);
    --color-text-default-primary: var(--color-primitives-gray-900);
    --color-text-default-secondary: var(--color-primitives-gray-500);


    --size-max-width-content: 1400px;
    --size-max-width-post: 1200px;
    --size-logo-height: 3rem;
    --size-social-icons: 2rem;
    --size-border: 0.5rem;
    --size-small: 0.75rem;
    --size-medium: 3rem;
    --size-big: 10rem;

    --size-max-width-slider: 600px;
    --size-width-card: 240px;
    --size-height-card: 400px;
    --size-height-card-content: 120px;

    --size-width-post-card: 400px;
    --size-height-post-card: 210px;
}

/* Mobile */
@media (max-width: 1024px) {
    :root {
        --title-font-size: 2.25rem;
        --subtitle-font-size: 1rem;
        --heading-font-size: 1.5rem;
        --subheading-font-size: 1rem;
        --h3-font-size: 1.2rem;

        --size-logo-height: 2rem;
        --size-social-icons: 1.5rem;
        --size-small: 0.5rem;
        --size-medium: 1rem;
    }
}