/* Simcyp, Font Awesome Sizes and Colours Styling */
/* D.Morton 4/3/22                                */

/* defining colours */

:root {
    --simcyp-blue: #3271a8;
    --simcyp-lightblue: #ADD8E6;
    --simcyp-indigo: #6610f2;
    --simcyp-purple: #6f42c1;
    --simcyp-pink: #d63384;
    --simcyp-red: #dc3545;
    --simcyp-orange: #fd7e14;
    --simcyp-darkorange: darkorange;
    --simcyp-yellow: #ffc107;
    --simcyp-green: #198754;
    --simcyp-darkgreen: #013220;
    --simcyp-teal: #20c997;
    --simcyp-cyan: #0dcaf0;
    --simcyp-white: #fff;
    --simcyp-black: #000;

    --simcyp-gray: #6c757d;
    --simcyp-gray-dark: #495057;
    --simcyp-gray-100: #f8f9fa;
    --simcyp-gray-200: #e9ecef;
    --simcyp-gray-300: #dee2e6;
    --simcyp-gray-400: #ced4da;
    --simcyp-gray-500: #adb5bd;
    --simcyp-gray-600: #6c757d;
    --simcyp-gray-700: #495057;
    --simcyp-gray-800: #343a40;
    --simcyp-gray-900: #212529;

    --simcyp-primary: #0d6efd;
    --simcyp-secondary: #6c757d;
    --simcyp-success: #198754;
    --simcyp-success-light: #c1f0c1;
    --simcyp-info: #0dcaf0;
    --simcyp-warning: #ffc107;
    --simcyp-warning-light: #ffdd99;
    --simcyp-danger: #dc3545;
    --simcyp-light: #adb5bd;
    --simcyp-dark: #212529;
    --simcyp-black: #000;
    --simcyp-default: #000;

    --simcyp-xsmall: 1rem;
    --simcyp-small: 1.25rem;
    --simcyp-medium: 1.5rem;
    --simcyp-large: 1.75rem;
}

/* Standard Sizing */

.simcyp-xs {
    font-size: 0.75rem;
}

.simcyp-sm {
    font-size: 24px
}

.simcyp-md {
    font-size: 36px
}

.simcyp-lg {
    font-size: 48px
}

/* Colours */

.simcyp-black {
    color: var(--simcyp-black);
}

.simcyp-white {
    color: var(--simcyp-white);
}

.simcyp-green {
    color: var(--simcyp-green);
}

.simcyp-blue {
    color: var(--simcyp-blue);
}

.simcyp-red {
    color: var(--simcyp-red);
}

.simcyp-orange {
    color: var(--simcyp-orange);
}

.simcyp-darkorange {
    color: var(--simcyp-darkorange);
}

.simcyp-teal {
    color: var(--simcyp-teal);
}

.simcyp-pink {
    color: var(--simcyp-pink);
}

.simcyp-default {
    color: var(--simcyp-black);
}

/* Combined Size and Colours */

/* Success */
.simcyp-lg-green, .simcyp-lg-sucess {
    font-size: var(--simcyp-large);
    color: var(--simcyp-green);
}

.simcyp-md-green, .simcyp-md-sucess {
    font-size: var(--simcyp-medium);
    color: var(--simcyp-green);
}

.simcyp-sm-green, .simcyp-sm-success {
    font-size: var(--simcyp-small);
    color: var(--simcyp-green);
}

.simcyp-bg-successlight {
    background-color: var(--simcyp-success-light);
}

/* Danger */
.simcyp-lg-red, .simcyp-lg-danger {
    font-size: var(--simcyp-large);
    color: var(--simcyp-red);
}

.simcyp-md-red, .simcyp-md-danger {
    font-size: var(--simcyp-medium);
    color: var(--simcyp-red);
}

.simcyp-sm-red, .simcyp-sm-danger {
    font-size: var(--simcyp-small);
    color: var(--simcyp-red);
}

/* Primary */
.simcyp-lg-blue, .simcyp-lg-primary {
    font-size: var(--simcyp-large);
    color: var(--simcyp-blue);
}

.simcyp-md-blue, .simcyp-md-primary {
    font-size: var(--simcyp-medium);
    color: var(--simcyp-blue);
}

.simcyp-sm-blue, .simcyp-sm-primary {
    font-size: var(--simcyp-small);
    color: var(--simcyp-blue);
}

.simcyp-xs-white {
    font-size: var(--simcyp-xsmall);
    color: var(--simcyp-white);
}

.simcyp-sm-white  {
    font-size: var(--simcyp-small);
    color: var(--simcyp-white);
}

/* Information */
.simcyp-lg-cyan, .simcyp-lg-info {
    font-size: var(--simcyp-large);
    color: var(--simcyp-info);
}

.simcyp-md-cyan, .simcyp-md-info {
    font-size: var(--simcyp-medium);
    color: var(--simcyp-info);
}

.simcyp-sm-cyan, .simcyp-sm-info {
    font-size: var(--simcyp-small);
    color: var(--simcyp-info);
}

/* Warning */
.simcyp-lg-orange, .simcyp-lg-warning {
    font-size: var(--simcyp-large);
    color: var(--simcyp-warning);
}

.simcyp-lg-darkorange {
    font-size: var(--simcyp-large);
    color: var(--simcyp-darkorange);
}

.simcyp-md-orange, .simcyp-md-warning {
    font-size: var(--simcyp-medium);
    color: var(--simcyp-warning);
}

.simcyp-md-darkorange {
    font-size: var(--simcyp-medium);
    color: var(--simcyp-darkorange);
}

.simcyp-sm-orange, .simcyp-sm-warning {
    font-size: var(--simcyp-small);
    color: var(--simcyp-warning);
}

.simcyp-sm-darkorange {
    font-size: var(--simcyp-small);
    color: var(--simcyp-darkorange);
}

.simcyp-xs-darkorange {
    font-size: var(--simcyp-xsmall);
    color: var(--simcyp-darkorange);
}

.simcyp-bg-warninglight {
    background-color: var(--simcyp-warning-light);
}

/* Default / Black */
.simcyp-lg-black, .simcyp-lg-default {
    font-size: var(--simcyp-large);
    color: var(--simcyp-black);
}

.simcyp-md-black, .simcyp-md-default {
    font-size: var(--simcyp-medium);
    color: var(--simcyp-black);
}

.simcyp-sm-black, .simcyp-sm-default {
    font-size: var(--simcyp-small);
    color: var(--simcyp-black);
}

.simcyp-xs-black, .simcyp-xs-default {
    font-size: var(--simcyp-xsmall);
    color: var(--simcyp-black);
}

/* Dark grey */
.simcyp-lg-darkgrey {
    font-size: var(--simcyp-large);
    color: var(--simcyp-gray-dark);
}

.simcyp-md-darkgrey {
    font-size: var(--simcyp-medium);
    color: var(--simcyp-gray-dark);
}

.simcyp-sm-darkgrey {
    font-size: var(--simcyp-small);
    color: var(--simcyp-gray-dark);
}

/* Muted */
.simcyp-lg-grey, .simcyp-lg-muted {
    font-size: var(--simcyp-large);
    color: var(--simcyp-light);
}

.simcyp-md-grey, .simcyp-md-muted {
    font-size: var(--simcyp-medium);
    color: var(--simcyp-light);
}

.simcyp-sm-grey, .simcyp-sm-muted {
    font-size: var(--simcyp-small);
    color: var(--simcyp-light);
}

/* EoF */