/* This file define all the theme variables */
@import '/styles/fonts/ubuntu/css/ubuntu.css';

:root {
  /* text colors */
  --text-primary: rgba(0, 28, 66, 0.87);
  --text-secondary: rgba(0, 28, 66, 0.54);
  --text-disabled: rgba(0, 28, 66, 0.38);
  --text-hint: rgba(0, 28, 66, 0.38);
  /* semantic colors */
  --primary-main: #143c5a;
  --primary-light: #445671; /* not brigther(15%) #226699 !*/
  --primary-dark: #00011f;
  --primary-contrast: #fff;
  --secondary-main: #1996eb;
  --secondary-light: #69c6ff;
  --secondary-dark: #0069b8;
  --secondary-contrast: #fff;
  --ornament-main: #d3163c;
  --ornament-light: #ff5866;
  --ornament-dark: #9a0017;
  --ornament-contrast: #fff;
  --error-main: #f44336;
  --error-main-rgb: 244, 67, 54;
  --error-light: #e57373;
  --error-dark: #d32f2f;
  --error-contrast: #fff;
  --warning-main: #ff9800;
  --warning-light: #ffb74d;
  --warning-dark: #f57c00;
  --warning-contrast: rgba(0, 0, 0, 0.87);
  --info-main: #2196f3;
  --info-light: #64b5f6;
  --info-dark: #1976d2;
  --info-contrast: #fff;
  --success-main: #4caf50;
  --success-light: #81c784;
  --success-dark: #388e3c;
  --success-contrast: #fff;
  /* backgrounds */
  --background-default: #f3f6f7;
  --background-paper: #fff;
  /* other ui elements (warning! expecting an intention-color, not a color) */
  --background-header: "default";
  --background-sidenav: "default";
  --background-dashboard: "default";
  /* actions */
  --action-active: rgba(0,0,0,0.54);
  --action-disabled: rgba(0, 0, 0, 0.26);
  --action-disabled-background: rgba(0, 0, 0, 0.12);
  --action-focus: rgba(0,0,0,0.12);
  --action-hover: rgba(0,0,0,0.04);
  --action-hover-opacity: 0.04;
  --action-selected: rgba(0,0,0,0.08);
  /* font family (main and fallbacks) */
  --font-family: "Ubuntu", Helvetica, "Droid Sans", Tahoma, Geneva, sans-serif;
  /* divider : a divider is a thin line that groups content in lists and layouts (cf. https://mui.com/material-ui/react-divider/)*/
  --divider: rgba(0,0,0,0.12);
  /* palette mode: light or dark */
  --palette-mode: light;
  /* shades */
  --grey-50: hsl(0, 0%, 98%);
  --grey-100: hsl(0, 0%, 96%);
  --grey-200: hsl(0, 0%, 93%);
  --grey-300: hsl(0, 0%, 88%);
  --grey-400: hsl(0, 0%, 74%);
  --grey-500: hsl(0, 0%, 62%);
  --grey-600: hsl(0, 0%, 46%);
  --grey-700: hsl(0, 0%, 38%);
  --grey-800: hsl(0, 0%, 26%);
  --grey-900: hsl(0, 0%, 13%);
  --grey-A100: hsl(0, 0%, 84%);
  --grey-A200: hsl(0, 0%, 67%);
  --grey-A400: hsl(0, 0%, 19%);
  /* font */
  --fontWeightLight: 300;
  --fontWeightRegular: 400;
  --fontWeightMedium: 500;
  --fontWeightBold: 700;
  --fontWeightBolder: 900;
  --fontSizeSmall: 10px;
  --fontSize: 12px;
  --fontSizeLarge: 13px;
  --fontSizeLarger: 14px;
  --fontSizeXLarger: 16px;
  --fontRegular: var(--fontWeightRegular) var(--fontSize) var(--font-family);
  --fontMedium: var(--fontWeightMedium) var(--fontSize) var(--font-family);
  --fontBold: var(--fontWeightBold) var(--fontSize) var(--font-family);
}