// ==========================================
// 🎨 COLOR PALETTE DEFINITIONS - _color.scss
// ==========================================

// ------------------------------------------
// 🚩 Primary Brand Color
// ------------------------------------------

$primary-01: #FF4557;


// ==========================================
// 👉 Brand Colors
// ==========================================

// ----------------------------
// 🔴 Bright Red Shades
// ----------------------------
$bright-red-01: #FFF5F6;
$bright-red-02: #FFEDEF;
$bright-red-03: #FFDADD;
$bright-red-04: #FFD0D5;
$bright-red-05: #FFA2AB;
$bright-red-06: #FF7481;
$bright-red-07: #FF4557;
$bright-red-08: #E53E4E;
$bright-red-09: #BF3441;
$bright-red-10: #7F222B;
$bright-red-11: #401116;
$bright-red-12: #FFB5BC;
$bright-red-13: #FF6A79;
$bright-red-14: #F8F3F7;
$bright-red-15: #FAF2F4;
$bright-red-16: #EFE6ED;

$btn-disable-01: #FFC8CD;
$btn-disable-02: #FFF5F6;


// ----------------------------
// 🟥 Dark Red Shades
// ----------------------------
$dark-red-01: #F7E6EB;
$dark-red-02: #E9BFCB;
$dark-red-03: #D58099;
$dark-red-04: #BF4065;
$dark-red-05: #AA0032;
$dark-red-06: #7F0025;
$dark-red-07: #550019;
$dark-red-08: #2A000C;
$dark-red-09: #AA0032;
$dark-red-10: #8C0A32;

// 🌄 Dark Red Gradients
$dark-red-gradient-01: linear-gradient(180deg, #FF4557 0%, #AA0032 100%);
$dark-red-gradient-02: linear-gradient(270deg, #AA0032 0%, #FF4557 100%);
$dark-red-gradient-03: linear-gradient(104.04deg, #FF4557 0%, #AA0032 100%);
$dark-red-gradient-04: linear-gradient(180deg, rgba(255, 69, 87, 0) 0%, rgba(255, 69, 87, 0.3) 100%);



// ----------------------------
// 🟣 Purple Shades
// ----------------------------
$purple-01: #F7E6EB;
$purple-02: #D6C2D1;
$purple-03: #AD86A5;
$purple-04: #844977;
$purple-05: #5B0C4A;
$purple-06: #440937;
$purple-07: #2D0625;
$purple-08: #170312;

// 🌄 Purple Gradients
$purple-gradient-01: linear-gradient(180deg, #5B0C4A 0%, #FF4557 100%);
$purple-gradient-02: linear-gradient(90deg, #FF4557 0%, #5B0C4A 100%);
$purple-gradient-03: linear-gradient(104.04deg, #FF4557 0%, #5B0C4A 100%);



// ----------------------------
// 🔵 Blue Shades
// ----------------------------
$blue-01: #E6E9EF;
$blue-02: #BFC6D5;
$blue-03: #808EAC;
$blue-04: #405583;
$blue-05: #001C59;
$blue-06: #001543;
$blue-07: #000E2C;
$blue-08: #000716;
$blue-09: #314166;
$blue-10: #172748;

// 🌄 Blue Gradients
$blue-gradient-01: linear-gradient(180deg, #FF4557 0%, #172748 100%);
$blue-gradient-02: linear-gradient(270deg, #172748 0%, #FF4557 100%);
$blue-gradient-03: linear-gradient(104.04deg, #FF4557 0%, #172748 100%);


// ----------------------------
// 🟢 Green Shades
// ----------------------------
$green-01: #E6ECED;
$green-02: #BFCFCF;
$green-03: #80A0A1;
$green-04: #407071;
$green-05: #004042;
$green-06: #003031;
$green-07: #002021;
$green-08: #001010;
$green-09: #004042;
$green-10: #003031;
$green-11: #BCCBDD;
$green-12: #ECFDF3;

// 🌄 Green Gradients
$green-gradient-01: linear-gradient(180deg, #FF4557 0%, #004042 100%);
$green-gradient-02: linear-gradient(270deg, #004042 0%, #FF4557 100%);
$green-gradient-03: linear-gradient(104.04deg, #FF4557 0%, #004042 100%);





// ==========================================
// 👉 Neutral Colors
// ==========================================


// ----------------------------
// ⚫ Black & White
// ----------------------------
$black: #000000;
$white: #ffffff;

// ----------------------------
// 🧊 Cool Gray Shades
// ----------------------------
$cool-gray-01: #FAFBFC;
$cool-gray-02: #F0F1F2;
$cool-gray-03: #E1E2E3;
$cool-gray-04: #C4C5C6;
$cool-gray-05: #A7A8A9;
$cool-gray-06: #8A8B8C;
$cool-gray-07: #676869;
$cool-gray-08: #444546;
$cool-gray-09: #222324;
$cool-gray-10: #0D0E0F;
$cool-gray-11: #C3C3C3;
$cool-gray-12: #1F1F1F;
$cool-gray-13: #686869;
$cool-gray-14: #8B8B8C;
$cool-gray-15: #F2F3F6;
$cool-gray-16: #F7F8F9;



// ----------------------------
// 🪵 Warm Gray Shades
// ----------------------------
$warm-gray-01: #FAFAF9;
$warm-gray-02: #F5F5F4;
$warm-gray-03: #E5E4E2;
$warm-gray-04: #CCCAC6;
$warm-gray-05: #B3AFAA;
$warm-gray-06: #99948D;
$warm-gray-07: #736F6A;
$warm-gray-08: #4C4A46;
$warm-gray-09: #262523;
$warm-gray-10: #0F0F0E;
$warm-gray-11: #E1E1E1;
$warm-gray-12: #535354;
$warm-gray-13: #E2E2E3;
$warm-gray-14: #232324;
$warm-gray-15: #F2F5F5;



// ==========================================
// 👉 Feedback Colors
// ==========================================



// ----------------------------
// ✅ Green Feedback
// ----------------------------
$primary-green-01: #F1FBF7;
$primary-green-02: #C6F8E1;
$primary-green-03: #78F0B9;
$primary-green-04: #004D3C;
$primary-green-05: #12B76A;



// ----------------------------
// 🟡 Yellow Feedback
// ----------------------------
$primary-yellow-01: #FDFFE6;
$primary-yellow-02: #F9FFAB;
$primary-yellow-03: #F2FF3E;



// ----------------------------
// 🔴 Red Feedback
// ----------------------------
$primary-red-01: #FFEFEB;
$primary-red-02: #FFB29C;
$primary-red-03: #FF5121;
$primary-red-04: #4C0600;