:root {
    --cp-primary: #b61f7e;
    --cp-primary-hover: #902367;
    --cp-secondary: #00395a;
    --cp-bg-dark: #081827;
    --cp--bg-gradient: linear-gradient(
            180deg,
            rgba(83, 45, 69, 0.75) 0%,
            rgba(34, 46, 54, 0.75) 100%
    );
    --cp-white: #ffffff;
    --cp-black: #333333;
    --cp-active: #0097e0;
    --cp-active-hover: #008ad3;

    /* --- Grayscale --- */
    --cp-gray-1: #f7f8fa;
    --cp-gray-2: #eff0f3;
    --cp-gray-3: #e7e9ec;
    --cp-gray-4: #dfe1e5;
    --cp-gray-5: #d7d9dd;
    --cp-gray-6: #ced2d6;
    --cp-gray-7: #c6cacf;
    --cp-gray-8: #bec3c8;
    --cp-gray-9: #b6bbc1;
    --cp-gray-10: #aeb3ba;
    --cp-gray-11: #a6acb2;
    --cp-gray-12: #9ea4ab;
    --cp-gray-13: #969ca4;
    --cp-gray-14: #8e959d;
    --cp-gray-15: #868d96;
    --cp-gray-16: #7d868f;
    --cp-gray-17: #757e87;
    --cp-gray-18: #6d7680;
    --cp-gray-19: #656f79;
    --cp-gray-20: #5d6772;
    /* --- Status reports --- */
    /* Succes */
    --cp-succes: #3c763d;
    --cp-bg-succes: #dff0d8;
    --cp-border-succes: #d6e9c6;
    /* Alert */
    --cp-alert: #a94442;
    --cp-bg-alert: #f2dede;
    --cp-border-alert: #ebccd1;
    /* Info */
    --cp-info: #31708f;
    --cp-bg-info: #d9edf7;
    --cp-border-info: #bce8f1;
    /* Warning */
    --cp-warning: #8a6d3b;
    --cp-bg-warning: #fcf8e3;
    --cp-border-warning: #faebcc;
    /* --- Textmarker --- */
    --cp-mark: #ffe984;
    /*Fonts */
    --cp--font-family: Helvetica, Arial, sans-serif;
    --cp-fontsize-h1: 40px;
    --cp-lineheight-h1: 50px;
    --cp-fontsize-h2: 36px;
    --cp-lineheight-h2: 43px;
    --cp-fontsize-h3: 28px;
    --cp-lineheight-h3: 34px;
    --cp-fontsize-h4: 24px;
    --cp-lineheight-h4: 30px;
    --cp-fontsize-h5: 20px;
    --cp-lineheight-h5: 26px;
    --cp-fontsize-p: 16px;
    --cp-lineheight-p: 22px;
    --cp-fontsize-small: 13px;
    --cp-lineheight-small: 16px;
}