:root {

  --body-color: #f4f7fc;
  --body-search: #e1eaf6;
  --header-color: #FFF;
  --footer-color: #FFF;
  --post-bg-color: #FFF;

  --primary-color: #c92241;
  --secondary-color: #243a64;
  --tertiary-color: #898989;
  --light-tertiary: #b1b1b1;

  --lighter-primary: #db1c3f;
  --lighter-secondary: #254b93;
  --lighter-tertiary: #e4e4e4;
  --lighter-contrast: #bec9d6;

  --darker-primary: #97132b;
  --darker-secondary: #15274a;
  --darker-tertiary: #4d4d4d;
  --darker-contrast: #5f6163;

  --darkest-tertiary: #383838;

  --lightest-secondary: #c7e3f5;
  --lightest-tertiary: #f5f5f5;
  --lightest-contrast: #eaf1f7;
  --lightest-bg: #eef6fc;

  --hyperlink-color: #257bc2;
  
  --h1-color: #FFF;
  --h2-color: var(--darker-secondary);
  --h3-color: var(--lighter-secondary);
  --h4-color: var(--darker-tertiary);
  --h5-color: #000;

  --h1-size: 1.4rem;
  --h2-size: 1.3rem;
  --h3-size: 1.2rem;
  --h4-size: 1.1rem;
  --h5-size: 0.9rem;

  --h1-line-height: 2rem;
  --h2-line-height: 1.85rem;
  --h3-line-height: 1.65rem;
  --h4-line-height: 1.55rem;
  --h5-line-height: 1.45rem;

  --h-margin-start: 0;
  --h-margin-end: 0;
  --h-padding:0.6em 0 0;

  --p-size: 0.9rem; 
  --p-line-height: 1.45rem;
  --p-weight: 500;
  --p-weight-b: 600;
  --p-margin: 0.6em 0;
  --p-bold: 600;
  --p-size-xs: 0.7rem;
  --p-xs-line-height: 1.2rem;
  --p-size-btn: 0.8rem;
  --p-btn-line-height: 1.4rem;

  --a-color: var(--hyperlink-color);
  --a-weight: 600;

  --sup-size: 0.6rem;

  --hr-margin-start: 1.5em;
  --hr-margin-end: 0.5em;

  --search-p-size: 0.8rem; 
	--search-p-line-height: 1.2rem;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-xl: 20px;

}

/* :focus-visible {
  outline: -webkit-focus-ring-color solid 2px;
  outline-color: var(--lighter-secondary);
  border-radius: 4px;
  outline-offset: 4px;
} */