:root {
    --screen-lg: 1180px;
    --font-display: 1.8rem;
    --font-title: 1.5rem;
    --font-label: 0.75rem;
    --font-label-height: 1.75rem;
    --font-label-sm: 0.95rem;
    --font-label-xs: 0.75rem;
    --font-paragraph: 1rem;
    --card-padding: 1.15rem;
    --item-padding: 1.15rem;
    --info-padding: 0.75rem;
    --session-padding: 2rem;
    --info-margin: 0.75rem;
    --item-margin: 1rem;
    --session-margin: 2rem;
    /* Demo Color - Primary Blue */
    --primary-900: #496CDE;
    --primary-800: #071221;
    --primary-700: #2159A4;
    --primary-600: #bccde4;
    --primary-500: #90acd2;
    --primary-400: #e9eef6;
    --text-over-primary: #fff;
    /* Demo Color - Blue */
    /* --primary-800: #0041CC;
    --primary-700: #0056FF;
    --primary-600: #3390FF;
    --primary-500: #80B2FF;
    --primary-400: #E5F2FF;
    --text-over-primary:#fff; */

    --bs-alert-color: #DC3B3B;
    --alert-400: #FFEBEE;
    --alert-500: #E53935;
    --alert-800: #B71C1C;
    --text-color-alert: #DC3B3B;
    --success-400: #E8F5E9;
    --success-500: #4CAF50;
    --success-600: #8cb88e;
    --success-800: #1B5E20;
    --text-color-success: #2E7D32;
    /* Text */
    --gray-800: #1d1d1e;
    /* Label */
    --gray-700: #5e5e5e;
    /* Chips */
    --gray-600: #c9c7cb;
    /* Border */
    --gray-500: #E8E8E8;
    /* Background */
    --gray-400: #f4f4f5;
    --neutral-0: #fff;
    --border-radius-dialog: 8px;
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    --tw-ring-shadow: 0 0 #0000;
    --tw-ring-offset-shadow: 0 0 #0000;
    --box-shadow-light: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    --card-height-3: 31rem;
    --card-height-2: 22rem;
}

@media screen and (min-width: 600px) {
    :root {
        --font-display:36px;
        --font-title: 24px;
        --font-label: 16px;
        --font-label-sm:14px;
        --font-label-xsm:12px;

        --font-paragraph:16px;
        --font-paragraph-sm:14px;
        --font-paragraph-xsm:12px;

        --card-padding: 1.563rem;
        --item-padding: 12px;
        --session-padding: 24px;
        --info-margin: 8px;
        --item-margin: 12px;
        --session-margin: 2.5rem;
    }

    .character-label{
        font-size: var(--font-label);
        font-weight: 600;
        color: var(--gray-700);
    }

    .alert-character-label {
        font-size: var(--font-label);
        font-weight: 600;
        color: var(--text-color-alert);
    }
}

/* 

Primary color Usage:
800: Accessible text
700: Solid Color for button
600: Border
500: Interactive color
400: background color

Gray scale Usage:
800: All black text
700: Subtitles, secondary text
600: Chips background
500: Input background, border
400: Background / TBC

*/

/* Default Color 

--primary-800: #000000;
--primary-700: #5E5E5E;
--primary-600: #727272;
--primary-500: #E8E8E8;
--primary-400: #F3F3F3;

*/