/*
* Amazium (http://www.amazium.co.uk)
* Copyright 2010 - 2019, Mike Ballan
* Licensed under MIT (https://github.com/OwlyStuff/Amazium/blob/master/LICENSE)
*/

/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Variables
- Colors
*/

/***********************************************
Variables
***********************************************/

:root {
  
  /* Radius */
  --radius:               50px;

  /* Radius */
  --spaceXXS:             4px;
  --spaceXS:              8px;
  --spaceS:               12px;
  --spaceM:               16px;
  --spaceL:               20px;
  --spaceXL:              24px;
  --spaceXXL:             36px;

/***********************************************
Colors
***********************************************/

  /* Brand */
  --color-brand500:       #29B765;
  --color-brand600:       #3A4156;
  --color-brand700:       #262E45;
  --color-brand800:       #254A7F;

  /* Positive */
  --color-positive100:    #F6FEF9;
  --color-positive300:    #99EAC1;
  --color-positive500:    #12B76A;
  --color-positive800:    #039855;

  /* Negative */
  --color-negative100:    #FFFBFA;
  --color-negative300:    #F7CCD0;
  --color-negative500:    #F04438;
  --color-negative800:    #B42318;

  /* Warning */
  --color-warning100:     #FFFCF5;
  --color-warning300:     #FFF0C1;
  --color-warning500:     #FDC10A;
  --color-warning800:     #DC6803;

  /* Info */
  --color-info100:        #EBF3FF;
  --color-info300:        #9AC0FC;
  --color-info500:        #0060F5;
  --color-info800:        #00388F;
  
  /* Gray */
  --color-gray100:        #D2D5DA;
  --color-gray300:        #9DA3AE;
  --color-gray500:        #6A7281;
  --color-gray800:        #3D424B;

  /* UI */
  --color-snow:           #FFFFFF;
  --color-haze:           #CDD5E7;
  --color-mist:           #E8ECF5;
  --color-black:          #000D22;
}