.idc-light-theme,
.idc-dark-theme {
  --font-family: Roboto, 'Helvetica Neue', sans-serif;
  --font-family-monospace: 'Lucida Console', Monaco, monospace;
  --primary-color: #2f4e64;
  --primary-color-text: #ffffff;
  --accent-color: #1d9ccf;
  --accent-color-text: var(--primary-color-text);
  --warning-color: #f44336;
  --warning-color-text: var(--primary-color-text);

  --warning-color-50: #fbb6b1;
  --warning-color-100: #fbb6b1;
  --warning-color-200: #fbb6b1;
  --warning-color-300: #fbb6b1;
  --warning-color-400: #f44336;
  --warning-color-500: #f44336;
  --warning-color-600: #f44336;
  --warning-color-700: #e91b0c;
  --warning-color-800: #e91b0c;
  --warning-color-900: #e91b0c;
  --warning-color-A100: #fbb6b1;
  --warning-color-A200: #f44336;
  --warning-color-A400: #f44336;
  --warning-color-A700: #e91b0c;
  --warning-color-contrast-50: #ffffff;
  --warning-color-contrast-100: #ffffff;
  --warning-color-contrast-200: #ffffff;
  --warning-color-contrast-300: #ffffff;
  --warning-color-contrast-400: #ffffff;
  --warning-color-contrast-500: #ffffff;
  --warning-color-contrast-600: #ffffff;
  --warning-color-contrast-700: #ffffff;
  --warning-color-contrast-800: #ffffff;
  --warning-color-contrast-900: #ffffff;
  --warning-color-contrast-A100: #ffffff;
  --warning-color-contrast-A200: #ffffff;
  --warning-color-contrast-A400: #ffffff;
  --warning-color-contrast-A700: #ffffff;
}

.idc-light-theme {
  --shadow: #00000033 0px 0px 24px -6px, #00000024 0px 0px 48px -14px,
    #0000001f 0px 0px 72px -18px;
  --shadow-subtle: #0000001a 0px 2px 20px -1px, #00000014 0px 1px 20px 0px,
    #0000000a 0px 1px 32px 0px;
  --shadow-subtler: #0000000d 0px 2px 20px -1px, #0000000a 0px 1px 20px 0px,
    #00000005 0px 1px 32px 0px;

  --primary-color-50: #7fa6c3;
  --primary-color-100: #7fa6c3;
  --primary-color-200: #7fa6c3;
  --primary-color-300: #7fa6c3;
  --primary-color-400: #2f4e64;
  --primary-color-500: #2f4e64;
  --primary-color-600: #2f4e64;
  --primary-color-700: #1f3342;
  --primary-color-800: #1f3342;
  --primary-color-900: #1f3342;
  --primary-color-A100: #7fa6c3;
  --primary-color-A200: #2f4e64;
  --primary-color-A400: #2f4e64;
  --primary-color-A700: #1f3342;
  --primary-color-contrast-50: #ffffff;
  --primary-color-contrast-100: #ffffff;
  --primary-color-contrast-200: #ffffff;
  --primary-color-contrast-300: #ffffff;
  --primary-color-contrast-400: #ffffff;
  --primary-color-contrast-500: #ffffff;
  --primary-color-contrast-600: #ffffff;
  --primary-color-contrast-700: #ffffff;
  --primary-color-contrast-800: #ffffff;
  --primary-color-contrast-900: #ffffff;
  --primary-color-contrast-A100: #ffffff;
  --primary-color-contrast-A200: #ffffff;
  --primary-color-contrast-A400: #ffffff;
  --primary-color-contrast-A700: #ffffff;

  --accent-color-50: #87d1ee;
  --accent-color-100: #87d1ee;
  --accent-color-200: #87d1ee;
  --accent-color-300: #87d1ee;
  --accent-color-400: #1d9ccf;
  --accent-color-500: #1d9ccf;
  --accent-color-600: #1d9ccf;
  --accent-color-700: #177aa1;
  --accent-color-800: #177aa1;
  --accent-color-900: #177aa1;
  --accent-color-A100: #87d1ee;
  --accent-color-A200: #1d9ccf;
  --accent-color-A400: #1d9ccf;
  --accent-color-A700: #177aa1;
  --accent-color-contrast-50: #ffffff;
  --accent-color-contrast-100: #ffffff;
  --accent-color-contrast-200: #ffffff;
  --accent-color-contrast-300: #ffffff;
  --accent-color-contrast-400: #ffffff;
  --accent-color-contrast-500: #ffffff;
  --accent-color-contrast-600: #ffffff;
  --accent-color-contrast-700: #ffffff;
  --accent-color-contrast-800: #ffffff;
  --accent-color-contrast-900: #ffffff;
  --accent-color-contrast-A100: #ffffff;
  --accent-color-contrast-A200: #ffffff;
  --accent-color-contrast-A400: #ffffff;
  --accent-color-contrast-A700: #ffffff;
}

.idc-dark-theme {
  --primary-color: #91b3cc;
  --primary-color-text: #000000;
  --accent-color: #6cb0cc;
  --shadow: 0 3.2px 7.2px 0 #00000066, 0 0.6px 1.8px 0 #00000087;
  --shadow-subtle: var(--shadow);
  --shadow-subtler: var(--shadow);

  --primary-color-50: #d6e6f2;
  --primary-color-100: #d6e6f2;
  --primary-color-200: #d6e6f2;
  --primary-color-300: #d6e6f2;
  --primary-color-400: #91b3cc;
  --primary-color-500: #91b3cc;
  --primary-color-600: #91b3cc;
  --primary-color-700: #487799;
  --primary-color-800: #487799;
  --primary-color-900: #487799;
  --primary-color-A100: #d6e6f2;
  --primary-color-A200: #91b3cc;
  --primary-color-A400: #91b3cc;
  --primary-color-A700: #487799;
  --primary-color-contrast-50: #000000;
  --primary-color-contrast-100: #000000;
  --primary-color-contrast-200: #000000;
  --primary-color-contrast-300: #000000;
  --primary-color-contrast-400: #000000;
  --primary-color-contrast-500: #000000;
  --primary-color-contrast-600: #000000;
  --primary-color-contrast-700: #000000;
  --primary-color-contrast-800: #000000;
  --primary-color-contrast-900: #000000;
  --primary-color-contrast-A100: #000000;
  --primary-color-contrast-A200: #000000;
  --primary-color-contrast-A400: #000000;
  --primary-color-contrast-A700: #000000;

  --accent-color-50: #c4e5f2;
  --accent-color-100: #c4e5f2;
  --accent-color-200: #c4e5f2;
  --accent-color-300: #c4e5f2;
  --accent-color-400: #6cb0cc;
  --accent-color-500: #6cb0cc;
  --accent-color-600: #6cb0cc;
  --accent-color-700: #157399;
  --accent-color-800: #157399;
  --accent-color-900: #157399;
  --accent-color-A100: #c4e5f2;
  --accent-color-A200: #6cb0cc;
  --accent-color-A400: #6cb0cc;
  --accent-color-A700: #157399;
  --accent-color-contrast-50: #000000;
  --accent-color-contrast-100: #000000;
  --accent-color-contrast-200: #000000;
  --accent-color-contrast-300: #000000;
  --accent-color-contrast-400: #000000;
  --accent-color-contrast-500: #000000;
  --accent-color-contrast-600: #000000;
  --accent-color-contrast-700: #000000;
  --accent-color-contrast-800: #000000;
  --accent-color-contrast-900: #000000;
  --accent-color-contrast-A100: #000000;
  --accent-color-contrast-A200: #000000;
  --accent-color-contrast-A400: #000000;
  --accent-color-contrast-A700: #000000;
}