geoproject-app/public/assets/css/src/_variables.scss

:root {

  

  --color-browngray-050: #f5f3f0;
  --color-browngray-200: #d0c4ba;


  --color-interface-050: #f5f5f5;
  --color-interface-100: #e2e6ed;
  --color-interface-200: #d7dce8;
  --color-interface-300: #c0c4d1;
  --color-interface-400: #bec4d4;
  --color-interface-900: #3e414c;




  // MARRON
  --color-interface-050: #fcf7f4;
  --color-interface-100: #f5eae4;
  --color-interface-200: #e9d4c8;
  --color-interface-300: #d8b7a6;
  --color-interface-400: #c39986;
  --color-interface-500: #ad826f;
  --color-interface-600: #916b5b;
  --color-interface-700: #755548;
  --color-interface-800: #5c443a;
  --color-interface-900: #46342b;

  
  // BRONZE SUBTIL
  --color-interface-050: #f5f0ed; 
  --color-interface-050: #f8f5f4;
  --color-interface-100: #efe9e6;
  --color-interface-200: #e0d5d0;
  --color-interface-300: #cabbb5;
  --color-interface-400: #b2a29c;
  --color-interface-500: #998985;
  --color-interface-600: #7f716e;
  --color-interface-700: #675b58;
  --color-interface-800: #5b4f4c; 
  --color-interface-900: #483c39; 


  // CHAMPAGNE
  // --color-interface-050: #f9f6f4;
  // --color-interface-100: #f2ebe6;
  // --color-interface-200: #e6d8cf;
  // --color-interface-300: #d4c2b7;
  // --color-interface-400: #c2ac9d;
  // --color-interface-500: #ac9383;
  // --color-interface-600: #927a6a;
  // --color-interface-700: #776356;
  // --color-interface-800: #5e4e45;
  // --color-interface-900: #473a32;

  // GREY
  // --color-interface-050: #f7f6f4;
  // --color-interface-100: #eceae6;
  // --color-interface-200: #dedbd6;
  // --color-interface-300: #c9c5be;
  // --color-interface-400: #b4afa7;
  // --color-interface-500: #9d978f;
  // --color-interface-600: #86817a;
  // --color-interface-700: #6e6a63;
  // --color-interface-800: #55534d;
  // --color-interface-900: #3e3c37;

  



  --color-txt: var(--color-interface-800);
  --color-panel-bg: var(--color-interface-050);
  
  --color-page-highlight: #ff8a50;
  --color-purple: #7136ff;

  --border-radius: 0.2rem;

  --space-xs: 0.5rem;

  --curve: cubic-bezier(0.86, 0, 0.07, 1);

  --sans-serif: 'DM Sans', sans-serif;
  --mono: 'Inconsolata', monospace;


  --input-h: 26px;
  --input-w: 160px;
  --input-w-small: 45px;
  --label-w: 18ch;
  font-size: 14px;
}