:root {
  --color-primary-1  : #2F4363;
  --color-primary-2  : #0D5386;
  --color-secondary-1: #CA591A;
  --color-secondary-2: #EF775D;
  --color-secondary-3: #F04D23;
  --color-neutral-1  : #2B2C2F;
  --color-neutral-2  : #47474A;
  --color-neutral-3  : #FBF9F7;
  --color-neutral-4  : #FFFFFF;

  --font-size-txt     : 1rem;      /* 16px */
  --font-size-h4      : 1.125rem;  /* 18px */
  --font-size-h3      : 1.313rem;  /* 21px */
  --font-size-h2      : 1.75rem;    /* 28px */
  --font-size-h1-small: 2rem;      /* 32px */
  --font-size-h1      : 2.188rem;  /* 35px */
}

@media all and (min-width:1000px) {
  :root {
    --font-size-h4      : 1.25rem;   /* 20px */
    --font-size-h3      : 1.563rem;  /* 25px */
    --font-size-h2      : 1.938rem;  /* 31px */
    --font-size-h1-small: 2.438rem;  /* 39px */
    --font-size-h1      : 2.5rem;    /* 40px */
  }
}