/*
================================================================================================
- TABLE OF CONTENTS
================================================================================================

            Project: 	SBOnet 6.0
        Description:    Light Theme

              Notes:    This file sets the CSS variables used for the "light" theme.
	
	       Contents:    - Root Variables

================================================================================================
*/

/*
================================================================================================
- Root Variables
================================================================================================
*/

:root {
    --common-black: #000;
    --common-black-rgb: 0, 0, 0;
    --common-white: #fff;
    --common-white-rgb: 255, 255, 255;

    --primary-main: #303030;
    --primary-main-rgb: 48, 48, 48;
    --primary-dark: #1a1a1a;
    --primary-light: #828282;
    --primary-contrast-text: #fff;
    --primary-subtle: #e0e0e0;
    --primary-subtle-hover: #cfcfcf;
    --primary-subtle-contrast: #000;
    
    --secondary-main: #5f249f;
    --secondary-main-rgb: 95, 36, 159;
    --secondary-dark: #42196f;
    --secondary-light: #b280ff;
    --secondary-contrast-text: #fff;
    --secondary-subtle: #ece1fe;
    --secondary-subtle-hover: #e0cdfe;
    --secondary-subtle-contrast: #2f124f;
    
    --error-main: #dd1708;
    --error-main-rgb: 221, 23, 8;
    --error-dark: #890802;
    --error-light: #fb9189;
    --error-contrast-text: #fff;
    --error-subtle: #fde3e3;
    --error-subtle-hover: #fbcccb;
    --error-subtle-contrast: #710b01;
    
    --warning-main: #ab5a05;
    --warning-dark: #653700;
    --warning-light: #f99934;
    --warning-contrast-text: #fff;
    --warning-subtle: #fce3ca;
    --warning-subtle-hover: #fad4ad;
    --warning-subtle-contrast: #552c07;
    
    --info-main: #086dd9;
    --info-dark: #134085;
    --info-light: #70b3fa;
    --info-contrast-text: #fff;
    --info-subtle: #d8ecfd;
    --info-subtle-hover: #bbdefb;
    --info-subtle-contrast: #053570;
    
    --success-main: #24802d;
    --success-dark: #064e05;
    --success-light: #3cc84a;
    --success-contrast-text: #fff;
    --success-subtle: #daedd8;
    --success-subtle-hover: #c3e3c0;
    --success-subtle-contrast: #08400e;
    
    --grey-50: #fafafa;
    --grey-100: #f5f5f5;
    --grey-200: #eee;
    --grey-300: #e0e0e0;
    --grey-400: #bdbdbd;
    --grey-500: #9e9e9e;
    --grey-600: #757575;
    --grey-700: #616161;
    --grey-800: #424242;
    --grey-900: #212121;
    --grey-a-100: #f5f5f5;
    --grey-a-200: #eee;
    --grey-a-400: #bdbdbd;
    --grey-a-700: #616161;
    
    --tonal-offset: 0.5;
    --contrast-threshold: 4.5;
    
    --text-primary: #212121;
    --text-secondary: #656565;
    --text-disabled: #9e9e9e;
    
    --background-default: #fafafa;
    --background-paper: #fff;
    --background-paper-r: 255;  /* Possibly Unused */
    --background-paper-g: 255;  /* Possibly Unused */
    --background-paper-b: 255;  /* Possibly Unused */
    --background-paper-alt: #f2eafa;
    
    --action-active: rgba(var(--common-black-rgb), 0.54);
    --action-hover: rgba(var(--common-black-rgb), 0.04);
    --action-hover-opacity: 0.04;
    --action-selected: rgba(var(--common-black-rgb), 0.08);
    --action-selected-opacity: 0.08;
    --action-disabled: rgba(var(--common-black-rgb), 0.26);
    --action-disabled-background: rgba(var(--common-black-rgb), 0.12);
    --action-disabled-opacity: 0.38;
    --action-focus: rgba(var(--common-black-rgb), 0.12);
    --action-focus-opacity: 0.12;
    --action-activated-opacity: 0.12;
    
    --divider: #e0e0e0;
    --surface-border: #e0e0e0;
    --interactive-border: #919191;
    
    --category-1-main: #2b69dd;
    --category-1-contrast: #fff;
    --category-1-subtle: #e2ebfd;
    --category-1-subtle-hover: #b7cefb;
    --category-1-subtle-contrast: #07307d;
    
    --category-2-main: #139a7f;
    --category-2-contrast: #fff;
    --category-2-subtle: #e4f6f4;
    --category-2-subtle-hover: #94e0d7;
    --category-2-subtle-contrast: #07453e;
    
    --category-3-main: #a6305c;
    --category-3-contrast: #fff;
    --category-3-subtle: #f8e2ec;
    --category-3-subtle-hover: #f1c6d8;
    --category-3-subtle-contrast: #621e3a;
    
    --category-4-main: #b9840e;
    --category-4-contrast: #fff;
    --category-4-subtle: #fcf4e4;
    --category-4-subtle-hover: #efcd80;
    --category-4-subtle-contrast: #583c0e;
    
    --category-5-main: #c461c6;
    --category-5-contrast: #fff;
    --category-5-subtle: #f7e8f7;
    --category-5-subtle-hover: #ebc5ec;
    --category-5-subtle-contrast: #69156a;
    
    --category-6-main: #213873;
    --category-6-contrast: #fff;
    --category-6-subtle: #e7ecf8;
    --category-6-subtle-hover: #c4cfee;
    --category-6-subtle-contrast: #1e3267;
    
    --category-7-main: #d85337;
    --category-7-contrast: #fff;
    --category-7-subtle: #f9e5e1;
    --category-7-subtle-hover: #f3c8bf;
    --category-7-subtle-contrast: #622113;
    
    --category-8-main: #5f249f;
    --category-8-contrast: #fff;
    --category-8-subtle: #f0e6f9;
    --category-8-subtle-hover: #ddc9f3;
    --category-8-subtle-contrast: #48157f;
}