@charset "UTF-8";

:root {
  font-size: 18px;

  --color-text:          #000;
  --color-text-inverted: #fff;

  --color-primary:          #045cfb;
  --color-primary-tinted:   #1eb8fb;
  --color-primary-shaded:   #005479;
  --color-secondary:        #e66121;
  --color-secondary-tinted: #ffffff;
  --color-secondary-shaded: #7c747c;
  --color-tertiary:         #f2ebdc;
  --color-tertiary-tinted:  #fffcf7;
  --color-tertiary-shaded:  #ae9e7c;

  --color-hp-lime:        #D3FB66;
  --color-hp-lime-tinted: #E5FDA3;
  --color-hp-lime-shaded: #BCF51F;
  --color-hp-grey:        #E5E5E5;
  --color-hp-grey-shaded: #707070;
  --color-hp-blue:        #4759f5;

  --color-success:        #66bb6a;
  --color-success-tinted: #81c784;
  --color-success-shaded: #388e3c;
  --color-warning:        #ffa726;
  --color-warning-tinted: #ffb74d;
  --color-warning-shaded: #f57c00;
  --color-danger:         #f44336;
  --color-danger-tinted:  #e57373;
  --color-danger-shaded:  #d32f2f;
  --color-info:           #29b6f6;
  --color-info-tinted:    #4fc3f7;
  --color-info-shaded:    #0288d1;

  --color-dark:  #000;
  --color-light: #fff;

  --color-neutro:         #c4c4c4;
  --color-neutro-tinted:  #f2f2f2;
  --color-neutro-tinted2: #f2f2f2;
  --color-neutro-shaded:  #7c7c7c;
  --color-neutro-shaded2: #444444;

  --color-alpha-dark:         rgba(0, 0, 0, .50);
  --color-alpha-dark-strong:  rgba(0, 0, 0, .75);
  --color-alpha-dark-weak:    rgba(0, 0, 0, .25);
  --color-alpha-light:        rgba(255, 255, 255, .60);
  --color-alpha-light-strong: rgba(255, 255, 255, .85);
  --color-alpha-light-weak:   rgba(255, 255, 255, .35);

  --size-4xs:  .05rem;
  --size-3xs:  .1rem;
  --size-2xs:  .25rem;
  --size-xs:   .5rem;
  --size-s:    .75rem;
  --size-m:   1rem;
  --size-l:   1.25rem;
  --size-xl:  1.5rem;
  --size-2xl: 2.25rem;
  --size-3xl: 5rem;
  --size-4xl: 10rem;

  --z-page:  1;
  --z-nav:   100;
  --z-toast: 1000;
  --z-modal: 10000;

  --speed-fast:   .1s;
  --speed-normal: .2s;
  --speed-slow:   .4s;

  --font-default: 'Forma Micro', sans-serif;

  --shadow-text-soft:   -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);
  --shadow-text-normal: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);
  --shadow-text-hard:   -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);

  --shadow-box-softer:  0 0 var(--size-xs) 0 var(--color-neutro-lighter);
  --shadow-box-soft:    0 0 var(--size-xs) 0 var(--color-neutro-light);
  --shadow-box-normal:  0 0 var(--size-xs) 0 var(--color-neutro);
  --shadow-box-hard:    0 0 var(--size-xs) 0 var(--color-neutro-dark);
  --shadow-box-harder:  0 0 var(--size-xs) 0 var(--color-neutro-darker);

  --viewport-xs: 320px;
  --viewport-s:  480px;
  --viewport-m:  768px;
  --viewport-l:  1200px;
  --viewport-xl: 1200px;
}