:root {
--primary-color-1: #1d4354;
--primary-color-2: #065071;
--primary-color-1-rgb: #996633;
--primary-color-2-rgb: #1bbc4a;
--secondary-color-1: #0bc861;
--secondary-color-2: #000;
--dark-mode-color-1: #e4ebe4;
--dark-mode-color-2: #e4ebe4;
--dark-mode-color-3: #065071;
  
  
  --font-family-monospace: menlo,monaco,consolas,"Courier New",monospace;
--font-weight-light: 300;
--font-weight-normal: 400;
--font-weight-bold: 500;
--font-weight-black: 700;
--radius: 2px;
--radius-sm: 4px;
--radius-md: 6px;
--radius-lg: 8px;
--radius-xl: 16px;
--radius-2xl: 24px;
--radius-pill: 10rem;
--width-sm: 218px;
--transparent: transparent;
--transparent-inverse: hsla(0,0%,100%,0);
--semi-transparent-inverse: hsla(0,0%,97.6%,0.9);
--card-section-padding: 25px;
--checkbox-color-active: var(--text-3);
--checkbox-helper-size: 16px;
--white: #fff;
--black: #000;
--border-hc: 1px solid;
--border-hc-disabled: 1px solid GrayText;
--bg-hc-selected: Highlight;
--bg-hc-button: ButtonFace;
--bg-hc-base: canvas;
--text-hc-selected: HighlightText;
--text-hc-disabled: GrayText;
--text-hc-link: linktext;
--text-hc-base: canvastext;
--hc-icon: var(--text-hc-base);
--zindex-navbar: 1000;
--zindex-dropdown: 1000;
--zindex-popover: 1010;
--zindex-tooltip: 1030;
--zindex-navbar-fixed: 1030;
--zindex-section-loading: 1035;
--zindex-modal-background: 1040;
--zindex-modal: 1050;
--zindex-fullscreen: 1050;
--zindex-modal-popover: 1060;
--zindex-toaster: 1060;
--midnight-blue: #1d4354;
--twilight-blue: #2b5468;
--dusk-blue: #336278;
--highlight-blue: #0073d2;
--cotton-candy: #73e6ff;
--blueberry: #14bff4;
--deep-blue: #008eaf;
--ocean-blue: #2579e7;
--kale-green: #008329;
--apple-green: #34ba08;
--avocado-green: #37a000;
--grass: #5bbc2e;
--leaf-green: #54d318;
--up-green-old: #6fda44;
--kiwi-green: #a4dd83;
--lettuce-light: #ebf7ec;
--tangerine: #e6a01e;
--pineapple: #ffcc0d;
--coral: #f3756c;
--cherry: #d50000;
--gold: #cdc52d;
--carbonite: #222;
--smoke: #656565;
--granite: #a0a0a0;
--flannel: #e0e0e0;
--ash: #f2f2f2;
--cloud: #f9f9f9;
--oyster: #d1d1d1;
--background-gray: #f1f2f4;
--backdrop-black: #000f12;
--up-black: #001e00;
--gray-01: #5e6d55;
--gray-02: #9aaa97;
--gray-03: #beccbe;
--gray-04: #d5e0d5;
--gray-05: #e4ebe4;
--gray-06: #f2f7f2;
--gray-07: #f7faf7;
--up-green-lightest: #88c872;
--up-green-light: #66b549;
--up-green: #14a800;
--up-green-dark: #3c8224;
--up-green-darkest: #2d6318;
--up-lime-lightest: #dbf0a3;
--up-lime-light: #c0e666;
--up-lime: #95df00;
--up-lime-dark: #76a230;
--up-lime-darkest: #47691b;
--blue: #1f57c3;
--blue-light: #557ac9;
--blue-dark: #254d97;
--sky: #01cdbe;
--sky-light: #6ad4ca;
--sky-dark: #4ba798;
--mint: #91e6b3;
--forest: #13544e;
--brown: #67541f;
--kiwi: #97922d;
--yellow: #debe1a;
--brick: #9b211b;
--clay: #bc5118;
--orange-red: #ff4b25;
--pink: #f66dbc;
--lilac: #bda1e7;
--heather: #a18085;
--ws-xs: 5px;
--ws-sm: 10px;
--ws-smd: 15px;
--ws-md: 20px;
--ws-lg: 30px;
--ws-xl: 40px;
--ws-2xl: 50px;
--ws-3xl: 60px;
--ws-4xl: 70px;
--ws-5xl: 80px;
--ws-6xl: 90px; 


  --bs-blue: #0d6efd;
--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-gray-100: #f8f9fa;
--bs-gray-200: #e9ecef;
--bs-gray-300: #dee2e6;
--bs-gray-400: #ced4da;
--bs-gray-500: #adb5bd;
--bs-gray-600: #6c757d;
--bs-gray-700: #495057;
--bs-gray-800: #343a40;
--bs-gray-900: #212529;
--bs-primary: #0d6efd;
--bs-secondary: #6c757d;
--bs-success: #198754;
--bs-info: #0dcaf0;
--bs-warning: #ffc107;
--bs-danger: #dc3545;
--bs-light: #f8f9fa;
--bs-dark: #212529;
--bs-primary-rgb: 13,110,253;
--bs-secondary-rgb: 108,117,125;
--bs-success-rgb: 25,135,84;
--bs-info-rgb: 13,202,240;
--bs-warning-rgb: 255,193,7;
--bs-danger-rgb: 220,53,69;
--bs-light-rgb: 248,249,250;
--bs-dark-rgb: 33,37,41;
--bs-white-rgb: 255,255,255;
--bs-black-rgb: 0,0,0;
--bs-body-color-rgb: 33,37,41;
--bs-body-bg-rgb: 255,255,255;
--bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
--bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
--bs-body-font-family: var(--bs-font-sans-serif);
--bs-body-font-size: 1rem;
--bs-body-font-weight: 400;
--bs-body-line-height: 1.5;
--bs-body-color: #212529;
--bs-body-bg: #fff;

}