// vars
$primary: #00a2e0;
$primary-off: #0589bb;
$neutral: #616779;
$alter: #f99223;
$secondary: #2bebc8;
$terciary: #6648e8;
$quaternary: #63cfe3;
$text: #c5c5c5;
$light: #ffffff;
$off-text: #a7a7a7;
$border: #414141;
//status
$success: #21be6c;
$error: #f50057;
$warning: #ffc35c;

// bg
$bg-primary: #161616;
$bg-cards: #1a1a1a;
$i-card: #232322;

//spacing
$margin-s: 10px;
$padding-h: 1.5%;

//fonts
$f-xsm: 0.8rem;
$f-sm: 0.9rem;
$f-md: 1.1rem;
$f-lg: 1.4rem;

// border-options
$b-radius: 5px;

// transition
$transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);