:root {
   /*  primary color */
    --primary-color: #e63946; /* Elegant coral-red (softer than #F23F3F) */
    --primary-rgb: 230, 57, 70;

    --base-soft-color: #f8b4b4; /* Muted blush tone for soft backgrounds */
    --light-color: #ffe5e5; /* Gentle light pinkish tint for contrast */

    /* 🌈 Gradients (soft + premium aesthetic) */
    --gradient-circle: radial-gradient(
        circle,
        rgba(230, 57, 70, 0.25) 0%,
        rgba(255, 255, 255, 0) 70%
    );

    --gradient-color: linear-gradient(
        180deg,
        rgba(230, 57, 70, 0.15) 0%,
        rgba(255, 255, 255, 0.95) 100%
    );

   /* text-color */
   --text-color-1: #020202;
   --text-color-2: rgba(109, 110, 115, 1);

   /* black color */
   --black-color: #00150f;

   /* white color */
   --white-color: #ffffff;
   --white-color-rgb: 255, 255, 255;

   /* border color */
   --border-1: #e9e8e5;
   --border-2: rgb(228 229 235);

   /* Bg color */
   --bg-1: rgba(152, 177, 31, 0.1);
   --bg-2: rgba(255, 147, 35, 0.1);
   --bg-3: #fafbfc;
   --bg-4: rgb(28 28 31);

   /* Shadow */
   --shadow-1: 1px 4px 19.9px 0px rgba(207, 203, 198, 0.9);
}