:root {

  
  --clr-orange: #ff751f;
  --clr-orange-dark: #e05c08;
  --clr-orange-light: #ff8f45;
  --clr-black: #0a0a0a;
  --clr-black-soft: #141414;
  --clr-white: #fafaf8;
  --clr-white-pure: #ffffff;

  
  --clr-gray-100: #f4f4f2;
  --clr-gray-200: #e8e8e5;
  --clr-gray-300: #d0d0cc;
  --clr-gray-400: #a8a8a3;
  --clr-gray-500: #767672;
  --clr-gray-600: #4a4a47;
  --clr-gray-700: #2e2e2c;


  --color-text: var(--clr-gray-500);
  --color-text-dark: ;
  --color-text-light: ;
  --color-text-white: white;

  --color-header: var(--clr-black);
  --color-header-dark: ;
  --color-header-light: ;
  --color-header-white: white;
}