/* =========================================================
   CLÍNICA SANTA BÁRBARA
   TYPOGRAPHY KIT
   ========================================================= */

/*
   Cinzel:
   400 Regular
   500 Medium
   600 SemiBold
   700 Bold

   Montserrat:
   300 Light
   400 Regular
   500 Medium
   600 SemiBold
   700 Bold
*/

@import url(
    "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,500&display=swap"
);


/* =========================================================
   FONT VARIABLES
   ========================================================= */

:root {
    --font-heading:
        "Cinzel",
        Georgia,
        "Times New Roman",
        serif;

    --font-body:
        "Montserrat",
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Helvetica,
        Arial,
        sans-serif;

    --font-interface:
        "Montserrat",
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Helvetica,
        Arial,
        sans-serif;

    /* Font weights */

    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;

    /* Font sizes */

    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-base: 1rem;
    --font-size-md: 1.125rem;
    --font-size-lg: 1.25rem;
    --font-size-xl: 1.5rem;
    --font-size-2xl: 2rem;
    --font-size-3xl: 2.75rem;
    --font-size-4xl: 3.75rem;
    --font-size-5xl: 5rem;

    /* Line heights */

    --line-height-tight: 1.1;
    --line-height-heading: 1.2;
    --line-height-normal: 1.5;
    --line-height-body: 1.7;

    /* Letter spacing */

    --letter-spacing-tight: -0.02em;
    --letter-spacing-normal: 0;
    --letter-spacing-wide: 0.06em;
    --letter-spacing-uppercase: 0.12em;
}