:root {
    --primary: #c2185b;
    --primary-lighten: #f48fb1;
    --primary-lighten-1: rgba(194, 24, 91, 0.1);
    --primary-lighten-1: rgba(194, 24, 91, 0.1);
    --primary-lighten-2: rgba(194, 24, 91, 0.2);
    --primary-lighten-3: rgba(194, 24, 91, 0.3);
    --primary-darken: #880e4f;

    --secondary: #006990;
    --secondary-lighten: #62c8f3;
    --secondary-darken: #004058;

    --ternary: #fbc02d;


    /* remote part - reverse colors */
    --r-primary: #006990;
    --r-primary-lighten: #62c8f3;
    --r-primary-lighten-1: rgba(0, 105, 144, 0.1);
    --r-primary-lighten-1: rgba(0, 105, 144, 0.1);
    --r-primary-lighten-2: rgba(0, 105, 144, 0.2);
    --r-primary-lighten-3: rgba(0, 105, 144, 0.3);
    --r-primary-darken: #004058;

    --r-secondary: #c2185b;
    --r-secondary-lighten: #f48fb1;
    --r-secondary-darken: #880e4f;
}

::selection {
    background: #006990;
    color: #fff;
}