// .light-theme {
//     --button-color: #F18200;
//     --text-color: #000;
//     }
 
// .dark-theme {
//     --button-color: #000;
//     --text-color: #FFFFFF;
//     }
:root {
    --background-color: #F18200;
  }
// fonts
$poppins-font: 'Poppins', sans-serif;
$inter-font: 'Inter', sans-serif;
$roboto-font: 'Roboto', sans-serif;

// colors
// $color_gold_drop:var(--button-color);
$color_gold_drop:#456780;
$white:#FFFFFF;
$anti_flash_white:#F2F2F2;
$black:#000;
$color_gainsboro:#DFDFDF;
// $bright_gray:#ECECEC;
$bright_gray:#f9f9f9;
$color_dark-pastel-red:#C23B22;
$color_crusoe:#014D18;
$color_silver-chalice:#ACACAC;
$color_iridium:#3D3C3A;
$color_cloud:#C7C4BF;
// font size
$fs-08:0.8rem;
$fs-10:1rem;
$fs-12:1.2rem;
$fs-14:1.4rem;
$fs-16:1.6rem;
$fs-18:1.8rem;
$fs-20:2rem;
$fs-22:2.2rem;
$fs-24:2.4rem;
$fs-28:2.8rem;
$fs-30:3rem;
$fs-32:3.2rem;
$fs-36:3.6rem;
$fs-40:4rem;
$fs-48:4.8rem;

// font-weight
$fw-thin:100;
$fw-extra-light:200;
$fw-light:300;
$fw-regular:400;
$fw-medium :500;
$fw-semi-bold:600;
$fw-bold:700;
$fw-extra-bold:800;
$fw-black:900;