/* 
override colors with those from https://catppuccin.com/palette/
   default = latte
   light = lattee
   dark = mocha
*/

html {
  --primary: #4c4f69; /* latte text */
  --secondary: #6c6f85; /*latte subtext 0*/
  --success: #40a02b; /* latte green */
  --warning: #df8e1d; /*latte yellow*/
  --danger: #d20f39; /*latte red*/
  --muted: #868e96; /**/
  
  --primary-light: #f00; /**/
  --secondary-light: #f00; /**/
  --success-light: #f00; /**/
  --warning-light: #f00; /**/
  --danger-light: #f00; /**/
  --muted-light: #5c5f77; /*latte subtext-1*/
  
  --primary-dark: black; /**/
  --secondary-dark: black; /**/
  --success-dark: #374427; /**/
  --warning-dark: #746a15; /**/
  --danger-dark: black; /**/
  --muted-dark: #313538; /**/
  
  --primary-light-10: red; /**/
  --secondary-light-10: #f00; /**/
  --success-light-10: #f00; /**/
  --warning-light-10: #f00; /**/
  --danger-light-10: #f00; /**/
  --muted-light-10: #f00; /**/
  
  --primary-dark-10: #f00; /**/
  --secondary-dark-10: #f00; /**/
  --success-dark-10: #f00; /**/
  --warning-dark-10: #f00; /**/
  --danger-dark-10: #f00; /**/
  --muted-dark-10: #f00; /**/
  
  --white-dark: rgba(0, 0, 0, 0.03); /**/
  --white-dark-light-80: rgba(204, 204, 204, 0.03); /**/
  --light-dark: rgba(0, 0, 0, 0.7); /**/
  
  --white: white; /**/
  --main-background: #eff1f5; /*latte base*/
  --body-background: #dce0e8; /* latte crust */
  --main-background-light: white; /**/
  
  --black: black; /**/
  --primary-text: #272625; /**/
  --secondary-text: #085aa5; /**/
  --success-text: #4a5a35; /**/
  --warning-text: #746a15; /**/
  --danger-text: #7f2722; /**/
  --muted-text: #6c757d; /**/
  
  --shadow-color-regular: rgba(0, 0, 0, 0.2);
  --shadow-color-hover: rgba(0, 0, 0, 0.3);
  
  --primary-inverse: #fff; /**/
}