@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Quicksand:wght@300..700&display=swap');
/* variables */
:root {
  --main_family: "Poppins", sans-serif;
  --minor_family: "Quicksand", sans-serif;

  /* font size em */

  --size_0p2em: 0.2em;
  --size_0p3em: 0.3em;
  --size_0p4em: 0.4em;
  --size_0p5em: 0.5em;
  --size_0p6em: 0.6em;
  --size_0p7em: 0.7em;
  --size_0p8em: 0.8em;
  --size_0p9em: 0.9em;
  --size_1p0em: 1em;
  --size_1p1em: 1.1em;
  --size_1p2em: 1.2em;
  --size_1p3em: 1.3em;
  --size_1p4em: 1.4em;
  --size_1p5em: 1.5em;
  --size_1p6em: 1.6em;
  --size_1p7em: 1.7em;
  --size_1p8em: 1.8em;
  --size_1p9em: 1.9em;
  --size_2p0em: 2em;
  --size_2p1em: 2.1em;
  --size_2p2em: 2.2em;
  --size_2p3em: 2.3em;
  --size_2p4em: 2.4em;
  --size_2p5em: 2.5em;
  --size_2p6em: 2.6em;
  --size_2p7em: 2.7em;
  --size_2p8em: 2.8em;
  --size_2p9em: 2.9em;
  --size_3p0em: 3em;
  --size_3p1em: 3.1em;
  --size_3p2em: 3.2em;
  --size_3p3em: 3.3em;
  --size_3p4em: 3.4em;
  --size_3p5em: 3.5em;
  --size_3p6em: 3.6em;
  --size_3p7em: 3.7em;
  --size_3p8em: 3.8em;
  --size_3p9em: 3.9em;
  --size_4p0em: 4em;
  --size_4p1em: 4.1em;
  --size_4p2em: 4.2em;
  --size_4p3em: 4.3em;
  --size_4p4em: 4.4em;
  --size_4p5em: 4.5em;
  --size_4p6em: 4.6em;
  --size_4p7em: 4.7em;
  --size_4p8em: 4.8em;
  --size_4p9em: 4.9em;
  --size_5p0em: 5em;
  --size_5p1em: 5.1em;
  --size_5p2em: 5.2em;
  --size_5p3em: 5.3em;
  --size_5p4em: 5.4em;
  --size_5p5em: 5.5em;
  --size_5p6em: 5.6em;
  --size_5p7em: 5.7em;
  --size_5p8em: 5.8em;
  --size_5p9em: 5.9em;
  --size_6p0em: 6em;
  --size_6p1em: 6.1em;
  --size_6p2em: 6.2em;
  --size_6p3em: 6.3em;
  --size_6p4em: 6.4em;
  --size_6p5em: 6.5em;
  --size_6p6em: 6.6em;
  --size_6p7em: 6.7em;
  --size_6p8em: 6.8em;
  --size_6p9em: 6.9em;
  --size_7p0em: 7em;
  --size_7p1em: 7.1em;
  --size_7p2em: 7.2em;
  --size_7p3em: 7.3em;
  --size_7p4em: 7.4em;
  --size_7p5em: 7.5em;
  --size_7p6em: 7.6em;
  --size_7p7em: 7.7em;
  --size_7p8em: 7.8em;
  --size_7p9em: 7.9em;
  --size_8p0em: 8em;

  /* font size rem*/

  --size_0p2rem: 0.2rem;
  --size_0p3rem: 0.3rem;
  --size_0p35rem: 0.35rem;
  --size_0p4rem: 0.4rem;
  --size_0p45rem: 0.45rem;
  --size_0p5rem: 0.5rem;
  --size_0p55rem: 0.55rem;
  --size_0p6rem: 0.6rem;
  --size_0p65rem: 0.65rem;
  --size_0p7rem: 0.7rem;
  --size_0p75rem: 0.75rem;
  --size_0p8rem: 0.8rem;
  --size_0p85rem: 0.85rem;
  --size_0p9rem: 0.9rem;
  --size_0p95rem: 0.95rem;
  --size_1p0rem: 1rem;
  --size_1p05rem: 1.05rem;
  --size_1p1rem: 1.1rem;
  --size_1p15rem: 1.15rem;
  --size_1p2rem: 1.2rem;
  --size_1p25rem: 1.25rem;
  --size_1p3rem: 1.3rem;
  --size_1p35rem: 1.35rem;
  --size_1p4rem: 1.4rem;
  --size_1p45rem: 1.45rem;
  --size_1p5rem: 1.5rem;
  --size_1p55rem: 1.55rem;
  --size_1p6rem: 1.6rem;
  --size_1p65rem: 1.65rem;
  --size_1p7rem: 1.7rem;
  --size_1p75rem: 1.75rem;
  --size_1p8rem: 1.8rem;
  --size_1p85rem: 1.85rem;
  --size_1p9rem: 1.9rem;
  --size_1p95rem: 1.95rem;

  --size_2p0rem: 2rem;
  --size_2p05rem: 2.05rem;
  --size_2p1rem: 2.1rem;
  --size_2p15rem: 2.15rem;
  --size_2p2rem: 2.2rem;
  --size_2p25rem: 2.25rem;
  --size_2p3rem: 2.3rem;
  --size_2p35rem: 2.35rem;
  --size_2p4rem: 2.4rem;
  --size_2p45rem: 2.45rem;
  --size_2p5rem: 2.5rem;
  --size_2p55rem: 2.55rem;
  --size_2p6rem: 2.6rem;
  --size_2p65rem: 2.65rem;
  --size_2p7rem: 2.7rem;
  --size_2p75rem: 2.75rem;
  --size_2p8rem: 2.8rem;
  --size_2p85rem: 2.85rem;
  --size_2p9rem: 2.9rem;
  --size_2p95rem: 2.95rem;
  --size_3p0rem: 3rem;

  --size_3p05rem: 3.05rem;
  --size_3p1rem: 3.1rem;
  --size_3p15rem: 3.15rem;
  --size_3p2rem: 3.2rem;
  --size_3p25rem: 3.25rem;
  --size_3p3rem: 3.3rem;
  --size_3p35rem: 3.35rem;
  --size_3p4rem: 3.4rem;
  --size_3p45rem: 3.45rem;
  --size_3p5rem: 3.5rem;
  --size_3p55rem: 3.55rem;
  --size_3p6rem: 3.6rem;
  --size_3p65rem: 3.65rem;
  --size_3p7rem: 3.7rem;
  --size_3p75rem: 3.75rem;
  --size_3p8rem: 3.8rem;
  --size_3p85rem: 3.85rem;
  --size_3p9rem: 3.9rem;
  --size_3p95rem: 3.95rem;
  --size_4p0rem: 4rem;

  --size_4p05rem: 4.05rem;
  --size_4p1rem: 4.1rem;
  --size_4p15rem: 4.15rem;
  --size_4p2rem: 4.2rem;
  --size_4p25rem: 4.25rem;
  --size_4p3rem: 4.3rem;
  --size_4p35rem: 4.35rem;
  --size_4p4rem: 4.4rem;
  --size_4p45rem: 4.45rem;
  --size_4p5rem: 4.5rem;
  --size_4p55rem: 4.55rem;
  --size_4p6rem: 4.6rem;
  --size_4p65rem: 4.65rem;
  --size_4p7rem: 4.7rem;
  --size_4p75rem: 4.75rem;
  --size_4p8rem: 4.8rem;
  --size_4p85rem: 4.85rem;
  --size_4p9rem: 4.9rem;
  --size_4p95rem: 4.95rem;
  --size_5p0rem: 5rem;

  --size_5p05rem: 5.05rem;
  --size_5p1rem: 5.1rem;
  --size_5p15rem: 5.15rem;
  --size_5p2rem: 5.2rem;
  --size_5p25rem: 5.25rem;
  --size_5p3rem: 5.3rem;
  --size_5p35rem: 5.35rem;
  --size_5p4rem: 5.4rem;
  --size_5p45rem: 5.45rem;
  --size_5p5rem: 5.5rem;
  --size_5p55rem: 5.55rem;
  --size_5p6rem: 5.6rem;
  --size_5p65rem: 5.65rem;
  --size_5p7rem: 5.7rem;
  --size_5p75rem: 5.75rem;
  --size_5p8rem: 5.8rem;
  --size_5p85rem: 5.85rem;
  --size_5p9rem: 5.9rem;
  --size_5p95rem: 5.95rem;
  --size_6p0rem: 6rem;

  /* width and height size */

  --width_100: 100%;
  --width_95: 95%;
  --width_90: 90%;
  --width_85: 85%;
  --width_80: 80%;
  --width_75: 75%;
  --width_70: 70%;
  --width_65: 65%;
  --width_60: 60%;
  --width_55: 55%;
  --width_50: 50%;
  --width_40: 40%;
  --width_45: 45%;
  --width_30: 30%;
  --width_35: 35%;
  --width_25: 25%;
  --width_20: 20%;
  --width_15: 15%;
  --width_10: 10%;
  --width_5: 5%;
  --width_025: 2.5%;
}

html[data-theme="light"] {
  --text_clr: #222533;
  --body_clr: #6878d656;
  /* --body-clr: #6878d65a; */
  --theme-clr: #242a56;
  --sec_text_clr: #f0f3ff;
  --sec_rgba_clr: #f0f3ff91;
  --accent_clr: #4b5072;
  --line_clr: #42434a;
  --btn_clr: #6878d6;
  --hover_clr: #4d5274;
  /* --hover_clr: rgb(77, 82, 116); */

  /*  --base-clr: #11121a;
  --line-clr: #42434a;
  --hover-clr: #222533;
  --text-clr: #e6e6ef;
  --accent-clr: #5e63ff;
  --sec-text-clr: #b0b3c1; */
  /* 
--line: #4d5274;
--text: #f0f3ff;
--theme: #242a56;
--accent: #4b5072;

  --base-clr: #0e9b8e;
  --line-clr: #374151;
  --hover-clr: #222533;
  --text-clr: #e6e6ef;
  --accent-clr: #6878d6;
  --sec-text-clr: #fefeff;
  #4d5274
  #242a56
  #f3cc5d - yellow
  #454449
  #101010 */
}
html[data-theme="dark"] {
  --text_clr:: #f0f3ff;
   --sec_text_clr: #f0f3ff;
  --theme_clr: #242a56;
  --accent_clr: #4b5072;
  --line_clr: #42434a;
  --btn_clr: #6878d6;
  --hover_clr: #f0f3ff;
    --body_clr: #222533;
}


/* 
:root {
  --base-clr: #11121a;
  --line-clr: #42434a;
  --hover-clr: #222533;
  --text-clr: #e6e6ef;
  --accent-clr: #5e63ff;
  --sec-text-clr: #b0b3c1;
}
*{
    color: #393a56;
    color: #242a56;
    color: #6878d6;
    color: #fb2056;
    color: #025add;
    color: #0c6de0;

        --e-global-color-astglobalcolor0: #fb2056;
    --e-global-color-astglobalcolor1: #da1c4b;
    --e-global-color-astglobalcolor2: #191919;
    --e-global-color-astglobalcolor3: #404040;
    --e-global-color-astglobalcolor4: #f5f5f5;
    --e-global-color-astglobalcolor5: #ffffff;
    --e-global-color-astglobalcolor6: #ececec;
    --e-global-color-astglobalcolor7: #191919;
    --e-global-color-astglobalcolor8: #000000;

        --latepoint-brand-primary: #1d7bff;
    --latepoint-body-color: #1f222b;
    --latepoint-headings-color: #14161d;
    --latepoint-color-text-faded: #7c85a3;
    --latepoint-timeslot-selected-color: var(--latepoint-brand-primary);
    --latepoint-calendar-weekday-label-color: var(--latepoint-headings-color);
    --latepoint-calendar-weekday-label-bg: #fff;
    --latepoint-side-panel-bg: #fff;
    --latepoint-summary-panel-bg: #fff;
    --latepoint-border-radius: 0px;
    --latepoint-border-radius-sm: 0px;
    --latepoint-border-radius-md: 0px;
    --latepoint-border-radius-lg: 0px;


    --bs-blue: #0d6efd;
    --bs-blue: #9233ea;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-font-sans-serif: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --bs-font-monospace: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(90deg, #cf00af, #ffea00);
}


*/