/*------------- Variable ------------*/

:root {
    --blue: #1f6bff;
    --indigo: #640DF3;
    --purple: #5b2e91;
    --light-purple: #9864bf;
    --light-purple2: #ecdfff;
    --pink: #FF2D55;
    --red: #FF3B30;
    --orange: #FF9500;
    --yellow: #FFCC00;
    --green: #1ABD36;
    --teal: #0cd096;
    --cyan: #30beff;
    --white: #FFFFFF;
    --gray: #657eae;
    --gray-dark: #3c4e71;
    --primary: #1f6bff;
    --secondary: #c9d2e3;
    --success: #1ABD36;
    --info: #30beff;
    --warning: #FF9500;
    --danger: #FF3B30;
    --light: #ebeef4;
    --dark: #212837;
    --black: #000000;
    --white: #FFFFFF;
    --purple: #5b2e91;
    --indigo: #640DF3;
    --pink: #FF2D55;
    --yellow: #FFCC00;
    --teal: #0cd096;
    --muted: #869ac0;
    --gray-white: #f9f9f9;
    --gray-100: #ebeef4;
    --gray-200: #dae0ec;
    --gray-300: #c9d2e3;
    --gray-400: #a8b6d1;
    --gray-500: #869ac0;
    --gray-600: #657eae;
    --gray-700: #4d6593;
    --gray-800: #3c4e71;
    --gray-900: #212837;
    --login-bg: #ffffff;
    --purp-bg: #8588e0;
    --purp-h: #6d3faf;
}

[data-theme="dark"] {
  
}