// Usefull tool: https://material.io/resources/color/#!/?view.left=0&view.right=0&primary.color=5d8a09&secondary.color=642222
export const COLORS = {
  //Primary colors:
  primary: '#98f8b6',        //primary (light: #3e897c) #005c51 52c7b8  b6fcec  #98f8b6
  primaryVar: '#aaf898',     //variant
  primaryVar2: '#F8EF98',     //variant

  actionSend: '#aaf898', 
  actionCancel: '#ef5350',  

  //secondary colors:
  secondary: '#f2aeac',      //secondary
  secondaryVar: '#ffffff',   //secondary variant

  price: '#C6A337',


  //layout colors     #DAE9FF
  dp00: '#0C0F12',  //0%
  dp01: '#121518',  //5%
  dp02: '#1a1e23',  //7%
  dp03: '#1f2225',  //8%
  dp04: '#1c2025',  //9%
  dp06: '#23272c',  //11%
  dp08: '#25292e',  //12%
  dp12: '#292e33',  //14%
  dp16: '#2b3036',  //15%
  dp24: '#2d3238',  //16%

  //text
  textW0: '#ffffff',    //text on background
  textW1: '#ffffff88',    //text on background
  textW2: '#ffffffDE',    //text on background
  textW3: '#ffffff33',    //text on background
  textB0: '#000000EE',  //text on surface
  textB1: '#00000088',  //text on surface
  textB2: '#000000DE',  //text on surface

  error: '#ffffff',       //error
}

// |   00dp    |    0%   | #0C0F12 |
// |   01dp    |    5%   | #181b1e |
// |   02dp    |    7%   | #1d2023 |
// |   03dp    |    8%   | #1f2225 |
// |   04dp    |    9%   | #222527 |
// |   06dp    |   11%   | #27292c |
// |   08dp    |   12%   | #2e2e2e |
// |   12dp    |   14%   | #333333 |
// |   16dp    |   15%   | #343434 |
// |   24dp    |   16%   | #383838 |


//   | elevation | overlay |   hex   |
// | --------- | ------- | ------- |
// |   00dp    |    0%   | #121212 |
// |   01dp    |    5%   | #1e1e1e |
// |   02dp    |    7%   | #222222 |
// |   03dp    |    8%   | #242424 |
// |   04dp    |    9%   | #272727 |
// |   06dp    |   11%   | #2c2c2c |
// |   08dp    |   12%   | #2e2e2e |
// |   12dp    |   14%   | #333333 |
// |   16dp    |   15%   | #343434 |
// |   24dp    |   16%   | #383838 |