:root {

    --primary: #0658a8;
    --secondary: #6C757D;
    --success: #198754;
    --danger: #DC3545;
    --warning: #FFC107;
    --info: #0DCAF0;
    --light: #F8F9FA;
    --dark: #212529;

    --blue: #0658a8;
    --blue-purple: #7C80E8;
    --purple: #6f42c1;
    --yellow: #FFDD21;
    --orange: #f99207;
    --green: #28a745;
    --red: #ec3e13;
    --pink: #ea4977;
    --cyan: #00bcd4;
    --bordeaux: #790000;
    --gray: #666666;

    --primary-50: color-mix(in srgb, var(--primary) 5%, white);
    --primary-100: color-mix(in srgb, var(--primary) 15%, white);
    --primary-200: color-mix(in srgb, var(--primary) 25%, white);
    --primary-300: color-mix(in srgb, var(--primary) 35%, white);
    --primary-400: color-mix(in srgb, var(--primary) 50%, white);
    --primary-500: var(--primary);
    --primary-600: color-mix(in srgb, var(--primary) 80%, black);
    --primary-700: color-mix(in srgb, var(--primary) 70%, black);
    --primary-800: color-mix(in srgb, var(--primary) 60%, black);
    --primary-900: color-mix(in srgb, var(--primary) 50%, black);
    --primary-950: color-mix(in srgb, var(--primary) 40%, black);

    --secondary-50: color-mix(in srgb, var(--secondary) 5%, white);
    --secondary-100: color-mix(in srgb, var(--secondary) 15%, white);
    --secondary-200: color-mix(in srgb, var(--secondary) 25%, white);
    --secondary-300: color-mix(in srgb, var(--secondary) 35%, white);
    --secondary-400: color-mix(in srgb, var(--secondary) 50%, white);
    --secondary-500: var(--secondary);
    --secondary-600: color-mix(in srgb, var(--secondary) 80%, black);
    --secondary-700: color-mix(in srgb, var(--secondary) 70%, black);
    --secondary-800: color-mix(in srgb, var(--secondary) 60%, black);
    --secondary-900: color-mix(in srgb, var(--secondary) 50%, black);
    --secondary-950: color-mix(in srgb, var(--secondary) 40%, black);

    --success-50: color-mix(in srgb, var(--success) 5%, white);
    --success-100: color-mix(in srgb, var(--success) 15%, white);
    --success-200: color-mix(in srgb, var(--success) 25%, white);
    --success-300: color-mix(in srgb, var(--success) 35%, white);
    --success-400: color-mix(in srgb, var(--success) 50%, white);
    --success-500: var(--success);
    --success-600: color-mix(in srgb, var(--success) 80%, black);
    --success-700: color-mix(in srgb, var(--success) 70%, black);
    --success-800: color-mix(in srgb, var(--success) 60%, black);
    --success-900: color-mix(in srgb, var(--success) 50%, black);
    --success-950: color-mix(in srgb, var(--success) 40%, black);

    --danger-50: color-mix(in srgb, var(--danger) 5%, white);
    --danger-100: color-mix(in srgb, var(--danger) 15%, white);
    --danger-200: color-mix(in srgb, var(--danger) 25%, white);
    --danger-300: color-mix(in srgb, var(--danger) 35%, white);
    --danger-400: color-mix(in srgb, var(--danger) 50%, white);
    --danger-500: var(--danger);
    --danger-600: color-mix(in srgb, var(--danger) 80%, black);
    --danger-700: color-mix(in srgb, var(--danger) 70%, black);
    --danger-800: color-mix(in srgb, var(--danger) 60%, black);
    --danger-900: color-mix(in srgb, var(--danger) 50%, black);
    --danger-950: color-mix(in srgb, var(--danger) 40%, black);

    --warning-50: color-mix(in srgb, var(--warning) 5%, white);
    --warning-100: color-mix(in srgb, var(--warning) 15%, white);
    --warning-200: color-mix(in srgb, var(--warning) 25%, white);
    --warning-300: color-mix(in srgb, var(--warning) 35%, white);
    --warning-400: color-mix(in srgb, var(--warning) 50%, white);
    --warning-500: var(--warning);
    --warning-600: color-mix(in srgb, var(--warning) 80%, black);
    --warning-700: color-mix(in srgb, var(--warning) 70%, black);
    --warning-800: color-mix(in srgb, var(--warning) 60%, black);
    --warning-900: color-mix(in srgb, var(--warning) 50%, black);
    --warning-950: color-mix(in srgb, var(--warning) 40%, black);

    --info-50: color-mix(in srgb, var(--info) 5%, white);
    --info-100: color-mix(in srgb, var(--info) 15%, white);
    --info-200: color-mix(in srgb, var(--info) 25%, white);
    --info-300: color-mix(in srgb, var(--info) 35%, white);
    --info-400: color-mix(in srgb, var(--info) 50%, white);
    --info-500: var(--info);
    --info-600: color-mix(in srgb, var(--info) 80%, black);
    --info-700: color-mix(in srgb, var(--info) 70%, black);
    --info-800: color-mix(in srgb, var(--info) 60%, black);
    --info-900: color-mix(in srgb, var(--info) 50%, black);
    --info-950: color-mix(in srgb, var(--info) 40%, black);

    --light-50: color-mix(in srgb, var(--light) 5%, white);
    --light-100: color-mix(in srgb, var(--light) 15%, white);
    --light-200: color-mix(in srgb, var(--light) 25%, white);
    --light-300: color-mix(in srgb, var(--light) 35%, white);
    --light-400: color-mix(in srgb, var(--light) 50%, white);
    --light-500: var(--light);
    --light-600: color-mix(in srgb, var(--light) 80%, black);
    --light-700: color-mix(in srgb, var(--light) 70%, black);
    --light-800: color-mix(in srgb, var(--light) 60%, black);
    --light-900: color-mix(in srgb, var(--light) 50%, black);
    --light-950: color-mix(in srgb, var(--light) 40%, black);

    --dark-50: color-mix(in srgb, var(--dark) 5%, white);
    --dark-100: color-mix(in srgb, var(--dark) 15%, white);
    --dark-200: color-mix(in srgb, var(--dark) 25%, white);
    --dark-300: color-mix(in srgb, var(--dark) 35%, white);
    --dark-400: color-mix(in srgb, var(--dark) 50%, white);
    --dark-500: var(--dark);
    --dark-600: color-mix(in srgb, var(--dark) 80%, black);
    --dark-700: color-mix(in srgb, var(--dark) 70%, black);
    --dark-800: color-mix(in srgb, var(--dark) 60%, black);
    --dark-900: color-mix(in srgb, var(--dark) 50%, black);
    --dark-950: color-mix(in srgb, var(--dark) 40%, black);

    --blue-50: color-mix(in srgb, var(--blue) 5%, white);
    --blue-100: color-mix(in srgb, var(--blue) 15%, white);
    --blue-200: color-mix(in srgb, var(--blue) 25%, white);
    --blue-300: color-mix(in srgb, var(--blue) 35%, white);
    --blue-400: color-mix(in srgb, var(--blue) 50%, white);
    --blue-500: var(--blue);
    --blue-600: color-mix(in srgb, var(--blue) 80%, black);
    --blue-700: color-mix(in srgb, var(--blue) 70%, black);
    --blue-800: color-mix(in srgb, var(--blue) 60%, black);
    --blue-900: color-mix(in srgb, var(--blue) 50%, black);
    --blue-950: color-mix(in srgb, var(--blue) 40%, black);

    --blue-purple-50: color-mix(in srgb, var(--blue-purple) 5%, white);
    --blue-purple-100: color-mix(in srgb, var(--blue-purple) 15%, white);
    --blue-purple-200: color-mix(in srgb, var(--blue-purple) 25%, white);
    --blue-purple-300: color-mix(in srgb, var(--blue-purple) 35%, white);
    --blue-purple-400: color-mix(in srgb, var(--blue-purple) 50%, white);
    --blue-purple-500: var(--blue-purple);
    --blue-purple-600: color-mix(in srgb, var(--blue-purple) 80%, black);
    --blue-purple-700: color-mix(in srgb, var(--blue-purple) 70%, black);
    --blue-purple-800: color-mix(in srgb, var(--blue-purple) 60%, black);
    --blue-purple-900: color-mix(in srgb, var(--blue-purple) 50%, black);
    --blue-purple-950: color-mix(in srgb, var(--blue-purple) 40%, black);

    --purple-50: color-mix(in srgb, var(--purple) 5%, white);
    --purple-100: color-mix(in srgb, var(--purple) 15%, white);
    --purple-200: color-mix(in srgb, var(--purple) 25%, white);
    --purple-300: color-mix(in srgb, var(--purple) 35%, white);
    --purple-400: color-mix(in srgb, var(--purple) 50%, white);
    --purple-500: var(--purple);
    --purple-600: color-mix(in srgb, var(--purple) 80%, black);
    --purple-700: color-mix(in srgb, var(--purple) 70%, black);
    --purple-800: color-mix(in srgb, var(--purple) 60%, black);
    --purple-900: color-mix(in srgb, var(--purple) 50%, black);
    --purple-950: color-mix(in srgb, var(--purple) 40%, black);

    --yellow-50: color-mix(in srgb, var(--yellow) 5%, white);
    --yellow-100: color-mix(in srgb, var(--yellow) 15%, white);
    --yellow-200: color-mix(in srgb, var(--yellow) 25%, white);
    --yellow-300: color-mix(in srgb, var(--yellow) 35%, white);
    --yellow-400: color-mix(in srgb, var(--yellow) 50%, white);
    --yellow-500: var(--yellow);
    --yellow-600: color-mix(in srgb, var(--yellow) 80%, black);
    --yellow-700: color-mix(in srgb, var(--yellow) 70%, black);
    --yellow-800: color-mix(in srgb, var(--yellow) 60%, black);
    --yellow-900: color-mix(in srgb, var(--yellow) 50%, black);
    --yellow-950: color-mix(in srgb, var(--yellow) 40%, black);

    --orange-50: color-mix(in srgb, var(--orange) 5%, white);
    --orange-100: color-mix(in srgb, var(--orange) 15%, white);
    --orange-200: color-mix(in srgb, var(--orange) 25%, white);
    --orange-300: color-mix(in srgb, var(--orange) 35%, white);
    --orange-400: color-mix(in srgb, var(--orange) 50%, white);
    --orange-500: var(--orange);
    --orange-600: color-mix(in srgb, var(--orange) 80%, black);
    --orange-700: color-mix(in srgb, var(--orange) 70%, black);
    --orange-800: color-mix(in srgb, var(--orange) 60%, black);
    --orange-900: color-mix(in srgb, var(--orange) 50%, black);
    --orange-950: color-mix(in srgb, var(--orange) 40%, black);

    --green-50: color-mix(in srgb, var(--green) 5%, white);
    --green-100: color-mix(in srgb, var(--green) 15%, white);
    --green-200: color-mix(in srgb, var(--green) 25%, white);
    --green-300: color-mix(in srgb, var(--green) 35%, white);
    --green-400: color-mix(in srgb, var(--green) 50%, white);
    --green-500: var(--green);
    --green-600: color-mix(in srgb, var(--green) 80%, black);
    --green-700: color-mix(in srgb, var(--green) 70%, black);
    --green-800: color-mix(in srgb, var(--green) 60%, black);
    --green-900: color-mix(in srgb, var(--green) 50%, black);
    --green-950: color-mix(in srgb, var(--green) 40%, black);

    --red-50: color-mix(in srgb, var(--red) 5%, white);
    --red-100: color-mix(in srgb, var(--red) 15%, white);
    --red-200: color-mix(in srgb, var(--red) 25%, white);
    --red-300: color-mix(in srgb, var(--red) 35%, white);
    --red-400: color-mix(in srgb, var(--red) 50%, white);
    --red-500: var(--red);
    --red-600: color-mix(in srgb, var(--red) 80%, black);
    --red-700: color-mix(in srgb, var(--red) 70%, black);
    --red-800: color-mix(in srgb, var(--red) 60%, black);
    --red-900: color-mix(in srgb, var(--red) 50%, black);
    --red-950: color-mix(in srgb, var(--red) 40%, black);

    --pink-50: color-mix(in srgb, var(--pink) 5%, white);
    --pink-100: color-mix(in srgb, var(--pink) 15%, white);
    --pink-200: color-mix(in srgb, var(--pink) 25%, white);
    --pink-300: color-mix(in srgb, var(--pink) 35%, white);
    --pink-400: color-mix(in srgb, var(--pink) 50%, white);
    --pink-500: var(--pink);
    --pink-600: color-mix(in srgb, var(--pink) 80%, black);
    --pink-700: color-mix(in srgb, var(--pink) 70%, black);
    --pink-800: color-mix(in srgb, var(--pink) 60%, black);
    --pink-900: color-mix(in srgb, var(--pink) 50%, black);
    --pink-950: color-mix(in srgb, var(--pink) 40%, black);

    --cyan-50: color-mix(in srgb, var(--cyan) 5%, white);
    --cyan-100: color-mix(in srgb, var(--cyan) 15%, white);
    --cyan-200: color-mix(in srgb, var(--cyan) 25%, white);
    --cyan-300: color-mix(in srgb, var(--cyan) 35%, white);
    --cyan-400: color-mix(in srgb, var(--cyan) 50%, white);
    --cyan-500: var(--cyan);
    --cyan-600: color-mix(in srgb, var(--cyan) 80%, black);
    --cyan-700: color-mix(in srgb, var(--cyan) 70%, black);
    --cyan-800: color-mix(in srgb, var(--cyan) 60%, black);
    --cyan-900: color-mix(in srgb, var(--cyan) 50%, black);
    --cyan-950: color-mix(in srgb, var(--cyan) 40%, black);

    --bordeaux-50: color-mix(in srgb, var(--bordeaux) 5%, white);
    --bordeaux-100: color-mix(in srgb, var(--bordeaux) 15%, white);
    --bordeaux-200: color-mix(in srgb, var(--bordeaux) 25%, white);
    --bordeaux-300: color-mix(in srgb, var(--bordeaux) 35%, white);
    --bordeaux-400: color-mix(in srgb, var(--bordeaux) 50%, white);
    --bordeaux-500: var(--bordeaux);
    --bordeaux-600: color-mix(in srgb, var(--bordeaux) 80%, black);
    --bordeaux-700: color-mix(in srgb, var(--bordeaux) 70%, black);
    --bordeaux-800: color-mix(in srgb, var(--bordeaux) 60%, black);
    --bordeaux-900: color-mix(in srgb, var(--bordeaux) 50%, black);
    --bordeaux-950: color-mix(in srgb, var(--bordeaux) 40%, black);

    --gray-50: color-mix(in srgb, var(--gray) 5%, white);
    --gray-100: color-mix(in srgb, var(--gray) 15%, white);
    --gray-200: color-mix(in srgb, var(--gray) 25%, white);
    --gray-300: color-mix(in srgb, var(--gray) 35%, white);
    --gray-400: color-mix(in srgb, var(--gray) 50%, white);
    --gray-500: var(--gray);
    --gray-600: color-mix(in srgb, var(--gray) 80%, black);
    --gray-700: color-mix(in srgb, var(--gray) 70%, black);
    --gray-800: color-mix(in srgb, var(--gray) 60%, black);
    --gray-900: color-mix(in srgb, var(--gray) 50%, black);
    --gray-950: color-mix(in srgb, var(--gray) 40%, black);

    --white: #ffffff;
    --black: #000000;
    --body-text-color: #111111;

    --white-smoke: #f6f6f6;
    --platinum: #e7e7e7;
    --american-silver: #d1d1d1;
    --silver-foil: #b0b0b0;
    --taupe-gray: #888888;
    --dark-silver: #6d6d6d;
    --carbon-gray: #5d5d5d;
    --davy-gray: #555555;
    --outer-space: #454545;
    --black-olive: #3d3d3d;
    --raisin-black: #262626;

    --cibor-alice-blue: #f0f7ff;
    --lavender-mist: #e1eefd;
    --cibor-diamond: #bbddfc;
    --cibor-maya-blue: #7fc1fa;
    --cibor-brilliant-azure: #3ba2f5;
    --cibor-blue-cola: #1287e5;
    --blue-cola: #1287e5;
    --cibor-french-blue: #0568c4;
    --cibor-blue: #0658a8; /* Medium Persian Blue */
    --medium-persian-blue: #0658a8;
    --cibor-dark-cerulean: #094783;
    --cibor-ateneo-blue: #0e3d6c;
    --cibor-oxford-blue: #092648;

    --azure: #eefcfd;
    --water: #d3f7fa;
    --pale-blue: #adeef4;
    --sky-blue: #74dfec;
    --sea-serpent: #34c8dc;
    --blue-green: #17a2b8;
    --celadon-blue: #1789a3;
    --blue-sapphire: #196e85;
    --chathams-blue: #1d5b6d;
    --dark-slate-gray: #1d4c5c;
    --yankees-bleu: #0d313f;

    --ivory: #ffffea;
    --very-pale-yellow: #fffbc5;
    --crayola: #fff885;
    --lemon-yellow: #ffee46;
    --yellow-sun: #ffdf1b;
    --mikado-yellow: #ffc107;
    --harvest-gold: #e29400;
    --philippine-gold: #bb6902;
    --chelsea-gem: #985108;
    --chocolate: #7c420b;
    --french-puce: #482200;

    --cosmic-latte: #fffaeb;
    --blanched-almond: #fff1c6;
    --yellow-light: #ffe088;
    --maize: #ffcb4a;
    --bright-yellow: #ffb31c;
    --yellow-orange: #f99207;
    --metallic-orange: #dd6b02;
    --rust: #b74906;
    --citrine-brown: #94370c;
    --smokey-topaz: #7a2e0d;
    --chocolate-brown: #461602;

    --seashell: #fef5ee;
    --flesh: #fee7d6;
    --apricot: #fccbac;
    --light-salmon: #f9a778;
    --mandarin: #f67941;
    --giants-orange: #f3551c;
    --orioles-orange: #ec3e13;
    --carnelian: #bd2a11;
    --vivid-auburn: #962416;
    --falu-red: #792015;
    --black-bean: #410d09;

    --forget-me-not: #fff0f0;
    --peach-schnapps: #ffdddd;
    --spanish-pink: #ffc1c1;
    --american-pink: #ff9595;
    --sunset-orange: #ff5959;
    --red-cibor: #ff2626;
    --candy-apple-red: #fc0606;
    --electric-red: #e80000;
    --mordant-red-19: #af0505;
    --sangria: #900c0c;
    --dried-blood: #500000;

    --lavender-blush: #fef2f4;
    --piggy-pink: #fee5ea;
    --pale-pink: #fbd0da;
    --metallic-pink: #f8a9bc;
    --light-crimson: #f2668b;
    --dark-pink: #ea4977;
    --cerise: #d62863;
    --rose-red: #b51b53;
    --big-dip-o-ruby: #971a4b;
    --violet-red: #821946;
    --dark-chocolate: #480923;

    --cultured: #faf5f9;
    --isabelline: #f7ecf3;
    --lavender-pinocchio: #f1d9ea;
    --thistle: #e6bbd7;
    --light-medium-orchid: #d591be;
    --super-pink: #c56fa4;
    --mystic-maroon: #b05288;
    --magenta-haze: #9f4375;
    --deep-ruby: #7d375c;
    --old-mauve: #6a314f;
    --temptress: #3f182d;

    --magnolia: #fbf5ff;
    --blue-chalk: #f4e9fe;
    --lavender: #ebd7fd;
    --mauve: #dcb7fb;
    --pale-violet: #c789f7;
    --lavender-indigo: #b15cf0;
    --jasmine-purple: #a143e3;
    --dark-orchid: #872ac6;
    --grape: #7227a2;
    --american-violet: #5d2182;
    --deep-violet: #400b60;

    --honeydew: #f1ffe6;
    --nyanza: #dffdca;
    --menthol: #c2fb9b;
    --inchworm: #9af660;
    --spring-frost: #76eb30;
    --harlequin-green: #59d912;
    --yellow-green: #3fa709;
    --metallic-green: #317f0c;
    --navy-green: #2a6410;
    --lincoln-green: #255512;
    --black-chocolate: #0f2f04;


    --cibor-cultured: #f6f6f6;
    --cibor-platinum: #e7e7e7;

    --cibor-light: #f1f8ff;
    --cibor-yellow: #ffed00;
    --cibor-orange: #ffb31c;
    --cibor-orange-dark: #bd6000;
    --cibor-dark-green: #144826;
    --cibor-lighter-green: #5cdb79;
    --cibor-light-green: #44bd60;
    --cibor-light-blue: #dbecfe;
    --cibor-light-blue-hover: #f1f8ff;
    --cibor-gray-dark: #555555;
    --cibor-gray: #aaaaaa;
    --cibor-gray-nav: #73818f;
    --cibor-gray-medium-light: #bbbbbb;
    --cibor-gray-light: #cccccc;
    --cibor-gray-lighter: #dfdfdf;
    --cibor-gray-extra-light: #f0f3f5;
    --cibor-gray-button: #b0b6bb;
    --cibor-gray-button-hover: #969696;
    --cibor-almost-white: #f9f9f9;
    --cibor-secondary: #c8ced3;
    --cibor-shitty-brown: #7b5804;
    --cibor-purple-light: #cf9fff;
    --cibor-toast-background: #161D24;

    --cibor-blue-hover: #1b71c6;
    --cibor-blue-light: #f1f8ff;
    --cibor-blue-special: #57c7ff;
    --cibor-blue-special-hover: #3daae0;
    --cibor-danger: #e80000;
    --cibor-danger-transparent: #e8000033;
    --cibor-danger-text: #790000;
    --cibor-danger-border: #f9b8b8;
    --cibor-danger-hover: #d70000;
    --cibor-danger-light: #fff7f7;
    --cibor-light-pink: #f7f2f7;
    --cibor-success-light: #eafff1;
    --cibor-success-extra-light: #f4fff8;
    --cibor-warning-light: #fff0d2;
    --cibor-warning-transparent: #ffb31c33;
    --cibor-success-transparent: #28a74533;
    --cibor-placeholder-color: var(--cibor-gray-light);

    --cibor-red: #ec3e13;
    --cibor-red-hover: #bd2a11;

    --cibor-green: #28a745;
    --cibor-green-hover: #32b550;

    --dossier-status-blue: var(--cibor-blue-special);
    --dossier-status-dark-blue: #0000ff;
    --dossier-status-grey: #9e9e9e;
    --dossier-status-orange: #e7c119;

    --exact-online-color: #dbae29;
    --crm-entity: #f97316;

    --cibor-crm-entity: #F97316;
    --cibor-crm-entity-background: #fff4ed;
    --cibor-crm-entity-border: #ffe6d5;
    --cibor-crm-entity-hover: #fb8a3c;

    --cibor-contact: #9C0A37;
    --cibor-contact-background: #fff0f1;
    --cibor-contact-hover: #8e0d39;

    --cibor-dossier-crm-relation: #0DB8FC;

    --cibor-dossier: #ffc107;
    --cibor-dossier-hover: #ffdf1b;


    --cibor-sandstorm: #F0CC3B;
    --cibor-tomato: #FA6845;
    --cibor-lavender-indigo: #A143E3;
    --cibor-picton-blue: #3DC2FA;
    --cibor-lime-green: #46F03B;
    --cibor-magenta-haze: #9F4375;
    --cibor-dark-spring-green: #246857;
    --cibor-aquamarine: #73F4BA;
    --cibor-olive-drab: #6F9818;
    --cibor-twilight-lavender: #913E68;
    --cibor-medium-slate-blue: #7C80E8;
}