// =============================================================================
// ZenduONE UI Kit - Complete Color Palette
// Source: Figma ZenduONE UI KIT | Untitled UI
// =============================================================================

// -----------------------------------------------------------------------------
// Base Colors
// -----------------------------------------------------------------------------
$base-white: #FFFFFF;
$base-black: #000000;

// -----------------------------------------------------------------------------
// Gray (Primary neutral)
// -----------------------------------------------------------------------------
$gray-25: #FCFCFD;
$gray-50: #F9FAFB;
$gray-100: #F2F4F7;
$gray-200: #EAECF0;
$gray-300: #D0D5DD;
$gray-400: #98A2B3;
$gray-500: #667085;
$gray-600: #475467;
$gray-700: #344054;
$gray-800: #1D2939;
$gray-900: #101828;

// -----------------------------------------------------------------------------
// Primary (Brand color)
// -----------------------------------------------------------------------------
$primary-25: #FAFDFF;
$primary-50: #F1F7FE;
$primary-100: #E3EEFB;
$primary-200: #C0DDF7;
$primary-300: #88C1F1;
$primary-400: #48A2E8;
$primary-500: #2188D9;
$primary-600: #136AB6;
$primary-700: #105494;
$primary-800: #12497A;
$primary-900: #143D66;

// -----------------------------------------------------------------------------
// Error (Destructive actions)
// -----------------------------------------------------------------------------
$error-25: #FFFBFA;
$error-50: #FEF3F2;
$error-100: #FEE4E2;
$error-200: #FECDCA;
$error-300: #FDA29B;
$error-400: #F97066;
$error-500: #F04438;
$error-600: #D92D20;
$error-700: #B42318;
$error-800: #912018;
$error-900: #7A271A;

// -----------------------------------------------------------------------------
// Warning (Caution / on-hold)
// -----------------------------------------------------------------------------
$warning-25: #FFFCF5;
$warning-50: #FFFAEB;
$warning-100: #FEF0C7;
$warning-200: #FEDF89;
$warning-300: #FEC84B;
$warning-400: #FDB022;
$warning-500: #F79009;
$warning-600: #DC6803;
$warning-700: #B54708;
$warning-800: #93370D;
$warning-900: #7A2E0E;

// -----------------------------------------------------------------------------
// Success (Positive actions)
// -----------------------------------------------------------------------------
$success-25: #F6FEF9;
$success-50: #ECFDF3;
$success-100: #D1FADF;
$success-200: #A6F4C5;
$success-300: #6CE9A6;
$success-400: #32D583;
$success-500: #12B76A;
$success-600: #039855;
$success-700: #027A48;
$success-800: #05603A;
$success-900: #054F31;

// -----------------------------------------------------------------------------
// Gray Blue
// -----------------------------------------------------------------------------
$gray-blue-25: #FCFCFD;
$gray-blue-50: #F8F9FC;
$gray-blue-100: #EAECF5;
$gray-blue-200: #D5D9EB;
$gray-blue-300: #B3B8DB;
$gray-blue-400: #717BBC;
$gray-blue-500: #4E5BA6;
$gray-blue-600: #3E4784;
$gray-blue-700: #363F72;
$gray-blue-800: #293056;
$gray-blue-900: #101323;

// -----------------------------------------------------------------------------
// Gray Cool
// -----------------------------------------------------------------------------
$gray-cool-25: #FCFCFD;
$gray-cool-50: #F9F9FB;
$gray-cool-100: #EFF1F5;
$gray-cool-200: #DCDFEA;
$gray-cool-300: #B9C0D4;
$gray-cool-400: #7D89B0;
$gray-cool-500: #5D6B98;
$gray-cool-600: #4A5578;
$gray-cool-700: #404968;
$gray-cool-800: #30374F;
$gray-cool-900: #111322;

// -----------------------------------------------------------------------------
// Gray Modern
// -----------------------------------------------------------------------------
$gray-modern-25: #FCFCFD;
$gray-modern-50: #F8FAFC;
$gray-modern-100: #EEF2F6;
$gray-modern-200: #E3E8EF;
$gray-modern-300: #CDD5DF;
$gray-modern-400: #9AA4B2;
$gray-modern-500: #697586;
$gray-modern-600: #4B5565;
$gray-modern-700: #364152;
$gray-modern-800: #202939;
$gray-modern-900: #121926;

// -----------------------------------------------------------------------------
// Gray Neutral
// -----------------------------------------------------------------------------
$gray-neutral-25: #FCFCFD;
$gray-neutral-50: #F9FAFB;
$gray-neutral-100: #F3F4F6;
$gray-neutral-200: #E5E7EB;
$gray-neutral-300: #D2D6DB;
$gray-neutral-400: #9DA4AE;
$gray-neutral-500: #6C737F;
$gray-neutral-600: #4D5761;
$gray-neutral-700: #384250;
$gray-neutral-800: #1F2A37;
$gray-neutral-900: #111927;

// -----------------------------------------------------------------------------
// Gray Iron
// -----------------------------------------------------------------------------
$gray-iron-25: #FCFCFC;
$gray-iron-50: #FAFAFA;
$gray-iron-100: #F4F4F5;
$gray-iron-200: #E4E4E7;
$gray-iron-300: #D1D1D6;
$gray-iron-400: #A0A0AB;
$gray-iron-500: #70707B;
$gray-iron-600: #51525C;
$gray-iron-700: #3F3F46;
$gray-iron-800: #26272B;
$gray-iron-900: #18181B;

// -----------------------------------------------------------------------------
// Gray True
// -----------------------------------------------------------------------------
$gray-true-25: #FCFCFC;
$gray-true-50: #FAFAFA;
$gray-true-100: #F5F5F5;
$gray-true-200: #E5E5E5;
$gray-true-300: #D6D6D6;
$gray-true-400: #A3A3A3;
$gray-true-500: #737373;
$gray-true-600: #525252;
$gray-true-700: #424242;
$gray-true-800: #292929;
$gray-true-900: #141414;

// -----------------------------------------------------------------------------
// Gray Warm
// -----------------------------------------------------------------------------
$gray-warm-25: #FDFDFC;
$gray-warm-50: #FAFAF9;
$gray-warm-100: #F5F5F4;
$gray-warm-200: #E7E5E4;
$gray-warm-300: #D7D3D0;
$gray-warm-400: #A9A29D;
$gray-warm-500: #79716B;
$gray-warm-600: #57534E;
$gray-warm-700: #44403C;
$gray-warm-800: #292524;
$gray-warm-900: #1C1917;

// -----------------------------------------------------------------------------
// Moss
// -----------------------------------------------------------------------------
$moss-25: #FAFDF7;
$moss-50: #F5FBEE;
$moss-100: #E6F4D7;
$moss-200: #CEEAB0;
$moss-300: #ACDC79;
$moss-400: #86CB3C;
$moss-500: #669F2A;
$moss-600: #4F7A21;
$moss-700: #3F621A;
$moss-800: #335015;
$moss-900: #2B4212;

// -----------------------------------------------------------------------------
// Green Light
// -----------------------------------------------------------------------------
$green-light-25: #FAFEF5;
$green-light-50: #F3FEE7;
$green-light-100: #E3FBCC;
$green-light-200: #D0F8AB;
$green-light-300: #A6EF67;
$green-light-400: #85E13A;
$green-light-500: #66C61C;
$green-light-600: #4CA30D;
$green-light-700: #3B7C0F;
$green-light-800: #326212;
$green-light-900: #2B5314;

// -----------------------------------------------------------------------------
// Green
// -----------------------------------------------------------------------------
$green-25: #F6FEF9;
$green-50: #EDFCF2;
$green-100: #D3F8DF;
$green-200: #AAF0C4;
$green-300: #73E2A3;
$green-400: #3CCB7F;
$green-500: #16B364;
$green-600: #099250;
$green-700: #087443;
$green-800: #095C37;
$green-900: #084C2E;

// -----------------------------------------------------------------------------
// Teal
// -----------------------------------------------------------------------------
$teal-25: #F6FEFC;
$teal-50: #F0FDF9;
$teal-100: #CCFBEF;
$teal-200: #99F6E0;
$teal-300: #5FE9D0;
$teal-400: #2ED3B7;
$teal-500: #15B79E;
$teal-600: #0E9384;
$teal-700: #107569;
$teal-800: #125D56;
$teal-900: #134E48;

// -----------------------------------------------------------------------------
// Cyan
// -----------------------------------------------------------------------------
$cyan-25: #F5FEFF;
$cyan-50: #ECFDFF;
$cyan-100: #CFF9FE;
$cyan-200: #A5F0FC;
$cyan-300: #67E3F9;
$cyan-400: #22CCEE;
$cyan-500: #06AED4;
$cyan-600: #088AB2;
$cyan-700: #0E7090;
$cyan-800: #155B75;
$cyan-900: #164C63;

// -----------------------------------------------------------------------------
// Blue Light
// -----------------------------------------------------------------------------
$blue-light-25: #F5FBFF;
$blue-light-50: #F0F9FF;
$blue-light-100: #E0F2FE;
$blue-light-200: #B9E6FE;
$blue-light-300: #7CD4FD;
$blue-light-400: #36BFFA;
$blue-light-500: #0BA5EC;
$blue-light-600: #0086C9;
$blue-light-700: #026AA2;
$blue-light-800: #065986;
$blue-light-900: #0B4A6F;

// -----------------------------------------------------------------------------
// Blue
// -----------------------------------------------------------------------------
$blue-25: #F5FAFF;
$blue-50: #EFF8FF;
$blue-100: #D1E9FF;
$blue-200: #B2DDFF;
$blue-300: #84CAFF;
$blue-400: #53B1FD;
$blue-500: #2E90FA;
$blue-600: #1570EF;
$blue-700: #175CD3;
$blue-800: #1849A9;
$blue-900: #194185;

// -----------------------------------------------------------------------------
// Blue Dark
// -----------------------------------------------------------------------------
$blue-dark-25: #F5F8FF;
$blue-dark-50: #EFF4FF;
$blue-dark-100: #D1E0FF;
$blue-dark-200: #B2CCFF;
$blue-dark-300: #84ADFF;
$blue-dark-400: #528BFF;
$blue-dark-500: #2970FF;
$blue-dark-600: #155EEF;
$blue-dark-700: #004EEB;
$blue-dark-800: #0040C1;
$blue-dark-900: #00359E;

// -----------------------------------------------------------------------------
// Indigo
// -----------------------------------------------------------------------------
$indigo-25: #F5F8FF;
$indigo-50: #EEF4FF;
$indigo-100: #E0EAFF;
$indigo-200: #C7D7FE;
$indigo-300: #A4BCFD;
$indigo-400: #8098F9;
$indigo-500: #6172F3;
$indigo-600: #444CE7;
$indigo-700: #3538CD;
$indigo-800: #2D31A6;
$indigo-900: #2D3282;

// -----------------------------------------------------------------------------
// Violet
// -----------------------------------------------------------------------------
$violet-25: #FBFAFF;
$violet-50: #F5F3FF;
$violet-100: #ECE9FE;
$violet-200: #DDD6FE;
$violet-300: #C3B5FD;
$violet-400: #A48AFB;
$violet-500: #875BF7;
$violet-600: #7839EE;
$violet-700: #6927DA;
$violet-800: #5720B7;
$violet-900: #491C96;

// -----------------------------------------------------------------------------
// Purple
// -----------------------------------------------------------------------------
$purple-25: #FAFAFF;
$purple-50: #F4F3FF;
$purple-100: #EBE9FE;
$purple-200: #D9D6FE;
$purple-300: #BDB4FE;
$purple-400: #9B8AFB;
$purple-500: #7A5AF8;
$purple-600: #6938EF;
$purple-700: #5925DC;
$purple-800: #4A1FB8;
$purple-900: #3E1C96;

// -----------------------------------------------------------------------------
// Fuchsia
// -----------------------------------------------------------------------------
$fuchsia-25: #FEFAFF;
$fuchsia-50: #FDF4FF;
$fuchsia-100: #FBE8FF;
$fuchsia-200: #F6D0FE;
$fuchsia-300: #EEAAFD;
$fuchsia-400: #E478FA;
$fuchsia-500: #D444F1;
$fuchsia-600: #BA24D5;
$fuchsia-700: #9F1AB1;
$fuchsia-800: #821890;
$fuchsia-900: #6F1877;

// -----------------------------------------------------------------------------
// Pink
// -----------------------------------------------------------------------------
$pink-25: #FEF6FB;
$pink-50: #FDF2FA;
$pink-100: #FCE7F6;
$pink-200: #FCCEEE;
$pink-300: #FAA7E0;
$pink-400: #F670C7;
$pink-500: #EE46BC;
$pink-600: #DD2590;
$pink-700: #C11574;
$pink-800: #9E165F;
$pink-900: #851651;

// -----------------------------------------------------------------------------
// Rose
// -----------------------------------------------------------------------------
$rose-25: #FFF5F6;
$rose-50: #FFF1F3;
$rose-100: #FFE4E8;
$rose-200: #FECDD6;
$rose-300: #FEA3B4;
$rose-400: #FD6F8E;
$rose-500: #F63D68;
$rose-600: #E31B54;
$rose-700: #C01048;
$rose-800: #A11043;
$rose-900: #89123E;

// -----------------------------------------------------------------------------
// Orange Dark
// -----------------------------------------------------------------------------
$orange-dark-25: #FFF9F5;
$orange-dark-50: #FFF4ED;
$orange-dark-100: #FFE6D5;
$orange-dark-200: #FFD6AE;
$orange-dark-300: #FF9C66;
$orange-dark-400: #FF692E;
$orange-dark-500: #FF4405;
$orange-dark-600: #E62E05;
$orange-dark-700: #BC1B06;
$orange-dark-800: #97180C;
$orange-dark-900: #771A0D;

// -----------------------------------------------------------------------------
// Orange
// -----------------------------------------------------------------------------
$orange-25: #FEFAF5;
$orange-50: #FEF6EE;
$orange-100: #FDEAD7;
$orange-200: #F9DBAF;
$orange-300: #F7B27A;
$orange-400: #F38744;
$orange-500: #EF6820;
$orange-600: #E04F16;
$orange-700: #B93815;
$orange-800: #932F19;
$orange-900: #772917;

// -----------------------------------------------------------------------------
// Yellow
// -----------------------------------------------------------------------------
$yellow-25: #FEFDF0;
$yellow-50: #FEFBE8;
$yellow-100: #FEF7C3;
$yellow-200: #FEEE95;
$yellow-300: #FDE272;
$yellow-400: #FAC515;
$yellow-500: #EAAA08;
$yellow-600: #CA8504;
$yellow-700: #A15C07;
$yellow-800: #854A0E;
$yellow-900: #713B12;



// Old colors

$color-primary: var(--color-primary, #2188d9);

$color-primary-hover: var(--color-primary-hover, #f7f7f8);

$color-blue-primary: var(--color-blue-primary, #2188d9);

/* Blue/Tint_01 */
$color-blue-tint-1: var(--color-blue-tint-1,#f4f9fd);

/* Blue/Tint_02 */
$color-blue-tint-2: var(--color-blue-tint-2,#e9f3fb);

/* Blue/Tint_03 */
$color-blue-tint-3: var(--color-blue-tint-3,#def0ff);

/* Blue/Tint_04 */
$color-blue-tint-4: var(--color-blue-tint-4,#cfe9fd);

/* Blue/Tint_05 */
$color-blue-tint-5: var(--color-blue-tint-5,#b7dffe);

/* Blue/Tint_06 */
$color-blue-tint-6: var(--color-blue-tint-6,#99d2ff);

/* Blue/Tint_07 */
$color-blue-tint-7: var(--color-blue-tint-7,#5cb3f8);

/* Blue/Shade_01 */
$color-blue-shade-1: var(--color-blue-shade-1,#0d74c5);

/* Blue/Shade_02 */
$color-blue-shade-2: var(--color-blue-shade-2,#16598d);

/* Blue/Shade_03 */
$color-blue-shade-3: var(--color-blue-shade-3,#074474);

/* Blue/Shade_04 */
$color-blue-shade-4: var(--color-blue-shade-4,#00335a);

/* Blue/Shade_05 */
$color-blue-shade-5: var(--color-blue-shade-5,#001e35);

/* Grayscale/Grey/Primary */
$color-grey-primary: var(--color-grey-primary,#4f4f4f);

/* Grayscale/Grey/2 */
$color-grey-2: var(--color-grey-2,#d0d0d2);

/* Grayscale/Grey/Shade_01 */
$color-grey-shade-1: var(--color-grey-shade-1,#a0a0a0);

/* Grayscale/Grey/Shade_02 */
$color-grey-shade-2: var(--color-grey-shade-2,#828282);

/* Grayscale/Grey/Shade_03 */
$color-grey-shade-3: var(--color-grey-shade-3,#6d6c6c);

/* Grayscale/Grey/Shade_04 */
$color-grey-shade-4: var(--color-grey-shade-4,#5b5b5b);

/* Grayscale/Grey/Shade_05 */
$color-grey-shade-5: var(--color-grey-shade-5,#3a3a3a);

/* Grayscale/Grey/Shade_06 */
$color-grey-shade-6: var(--color-grey-shade-6,#262626);

/* Grayscale/Grey/Shade_07 */
$color-grey-shade-7: var(--color-grey-shade-7,#121212);

/* Grayscale/White/Primary */
$color-white-primary: var(--color-white-primary,#ffffff);

// Grayscale/White/Tint_01
$color-white-tint-1: var(--color-white-tint-1,#f2f2f2);
// Grayscale/White/Tint_02
$color-white-tint-2: var(--color-white-tint-2,#ececed);
// Grayscale/White/Tint_04
$color-white-tint-3: var(--color-white-tint-3,#e0e0e0);
// Grayscale/White/Tint_04
$color-white-tint-4: var(--color-white-tint-4,#d6d6d8);
// Grayscale/White/Tint_05
$color-white-tint-5: var(--color-white-tint-5,#cdcdcd);
// Grayscale/White/Tint_06
$color-white-tint-6: var(--color-white-tint-6,#bebebe);
// Grayscale/White/Tint_07
$color-white-tint-7: var(--color-white-tint-7,#a6a6a6);

/* Grayscale/White/SideMenu */
$color-white-sidemenu: var(--color-white-sidemenu,#fafafa);

/* Success/Tint */
$color-success-tint: var(--color-success-tint,#e2f8db);

/* Success/Primary */
$color-success-primary: var(--color-success-primary,#5cbb3a);

/* Success/Shade */
$color-success-shade: var(--color-success-shade,#328614);

/* Error/Tint */
$color-error-tint: var(--color-error-tint,#ffe6e3);

/* Error/Primary */
$color-error-primary: var(--color-error-primary,#dc3e33);

/* Error/Shade */
$color-error-shade: var(--color-error-shade,#972c25);

/* Alert/Tint */
$color-alert-tint: var(--color-alert-tint,#fff2de);

/* Alert/Primary */
$color-alert-primary: var(--color-alert-primary,#f1b10b);

/* Alert/Shade */
$color-alert-shade: var(--color-alert-shade,#c77916);

/* Secondary/Tint */
$color-secondary-tint: var(--color-secondary-tint,#c1fbff);

/* Secondary/Primary */
$color-secondary-primary: var(--color-secondary-primary,#00f0ff);

/* Secondary/Shade */
$color-secondary-shade: var(--color-secondary-shade,#00b0bb);