/**
 * Default typography custom properties
 */
:root {
  /**
   * Modular scale
   * Configure at https://www.modularscale.com
   */
  --ms-1:                   14; /* 0.875rem; */
  --ms-2:                   12; /* 0.75rem; */
  --ms-3:                   10; /* 0.625rem; */
  --ms0:                    16; /* 1rem; */
  --ms1:                    18; /* 1.125rem; */
  --ms2:                    20; /* 1.25rem; */
  --ms3:                    24; /* 1.5rem; */
  --ms4:                    28; /* 1.75rem; */
  --ms5:                    32; /* 2rem; */
  --ms6:                    36; /* 2.25rem; */
  --ms7:                    42; /* 2.625rem; */
  --ms8:                    48; /* 3rem; */
  --ms9:                    56; /* 3.5rem; */
  --ms10:                   64; /* 4rem; */
  --ms11:                   72; /* 4.5rem; */
  --ms12:                   96; /* 6rem; */

  /**
   * Font properties
   */
  --fontFamilyPrimary:    sans-serif;
  --fontFamilySecondary:  serif;
  --fontSizePrimary:      16;
  --fontWeightPrimary:    400;
  --fontWeightSecondary:  700;
  --fontWeightTertiary:   300;
  --lineHeightPrimary:    1.5;

  /**
   * The baseline unit is a global unit used to calculate
   * the perfect line-height based on the primary font-size and line-height.
   * In this case:
   * 16 x 1,5 = 24
   */
  --baselineUnit:          calc(var(--fontSizePrimary) * var(--lineHeightPrimary));

  /**
   * Typography
   */
  --h1FontFamily:                          var(--fontFamilyPrimary);
  --h1FontSizeBase:                        calc(var(--ms6) / var(--fontSizePrimary));
  --h1FontSize:                            calc(var(--h1FontSizeBase) * 1rem);
  --h1FontWeight:                          var(--fontWeightSecondary);
  --h1LineHeight:                          1.25;
  --h1MarginBottom:                        1rem;

  --h2FontFamily:                          var(--fontFamilyPrimary);
  --h2FontSizeBase:                        calc(var(--ms4) / var(--fontSizePrimary));
  --h2FontSize:                            calc(var(--h2FontSizeBase) * 1rem);
  --h2FontWeight:                          var(--fontWeightSecondary);
  --h2LineHeight:                          1.25;
  --h2MarginBottom:                        1rem;

  --h3FontFamily:                          var(--fontFamilyPrimary);
  --h3FontSizeBase:                        calc(var(--ms3) / var(--fontSizePrimary));
  --h3FontSize:                            calc(var(--h3FontSizeBase) * 1rem);
  --h3FontWeight:                          var(--fontWeightSecondary);
  --h3LineHeight:                          1.5;
  --h3MarginBottom:                        1rem;

  --h4FontFamily:                          var(--fontFamilyPrimary);
  --h4FontSizeBase:                        calc(var(--ms0) / var(--fontSizePrimary));
  --h4FontSize:                            calc(var(--h4FontSizeBase) * 1rem);
  --h4FontWeight:                          var(--fontWeightSecondary);
  --h4LineHeight:                          1.5;
  --h4MarginBottom:                        1rem;

  --h5FontFamily:                          var(--fontFamilyPrimary);
  --h5FontSizeBase:                        calc(var(--ms0) / var(--fontSizePrimary));
  --h5FontSize:                            calc(var(--h5FontSizeBase) * 1rem);
  --h5FontWeight:                          var(--fontWeightSecondary);
  --h5LineHeight:                          1.5;
  --h5MarginBottom:                        1rem;

  --h6FontFamily:                          var(--fontFamilyPrimary);
  --h6FontSizeBase:                        calc(var(--ms0) / var(--fontSizePrimary));
  --h6FontSize:                            calc(var(--h6FontSizeBase) * 1rem);
  --h6FontWeight:                          var(--fontWeightSecondary);
  --h6LineHeight:                          1.5;
  --h6MarginBottom:                        1rem;

  --baseIndent:                            2rem;
  --baseLineHeight:                        1.5;
  --baseMarginBottom:                      1rem;

  --blockquoteFontSizeBase:                calc(var(--ms2) / var(--fontSizePrimary));
  --blockquoteFontSize:                    calc(var(--blockquoteFontSizeBase) * 1rem);
  --blockquoteFontStyle:                   normal;
  --blockquoteLineHeight:                  1.25;
  --blockquoteMarginBottom:                1rem;

  --smallFontSize:                         calc(var(--ms-1) / var(--fontSizePrimary) * 1rem);
  --smallLineHeight:                       1;
  --smallMarginBottom:                     0;

  --horizontalRuleBorderColor:             var(--colorNeutral200);
  --horizontalRuleBorderStyle:             solid;
  --horizontalRuleBorderWidth:             1px 0 0;
  --horizontalRuleMarginBottom:            1rem;

  --linkColorFocus:                        var(--colorPrimary500);
  --linkColorHover:                        var(--colorPrimary500);
  --linkColorVisited:                      var(--colorPrimary);
  --linkColor:                             var(--colorPrimary);
  --linkDecorationHover:                   underline;
  --linkDecoration:                        underline;
  --linkFontWeight:                        bold;
  --linkOutlineFocus:                      thin dotted;
  --linkOutline:                           0;
  --linkTransition:                        none;
}