:root {
  --color-primary: #6965db;
  --color-primary-darker: #5653c0;
  --color-primary-darkest: #4c44b4;
  --color-primary-hover: #7a75d3;
  --color-primary-light: #8c7cd5;
  --color-primary-lighter: #a29be8;
  --color-primary-lightest: #c3c0f9;
  --color-on-primary: #ffffff;
  --color-on-primary-container: #000000;
  --color-surface-lowest: #f7f7f7;
  --color-surface-low: #f2f2f2;
  --color-surface: #ffffff;
  --color-surface-high: #f9f9f9;
  --color-surface-highest: #f7f7f7;
  --color-surface-primary-container: #4c44b4;
  --color-disabled: #c3c0f9;
  --color-gray-90: #333333;
  --color-on-surface: #333333;
  --color-on-surface-high: #333333;
  --color-on-surface-highest: #333333;
  --color-on-surface-lowest: #333333;
  --color-on-surface-low: #333333;
  --color-on-surface-inverse: #ffffff;
  --color-on-surface-inverse-high: #ffffff;
  --color-on-surface-inverse-highest: #ffffff;
  --color-on-surface-inverse-lowest: #ffffff;
  --color-on-surface-inverse-low: #ffffff;
  --color-on-surface-inverse-disabled: #c3c0f9;
  --color-on-surface-disabled: #c3c0f9;
  --color-on-surface-high-disabled: #c3c0f9;
  --color-on-surface-highest-disabled: #c3c0f9;
  --color-on-surface-lowest-disabled: #c3c0f9;
  --color-on-surface-low-disabled: #c3c0f9;
  --color-on-surface-inverse-disabled: #c3c0f9;
  --color-on-surface-inverse-high-disabled: #c3c0f9;
  --color-on-surface-inverse-highest-disabled: #c3c0f9;
  --color-on-surface-inverse-lowest-disabled: #c3c0f9;
  --color-on-surface-inverse-low-disabled: #c3c0f9;
  --color-on-surface-disabled: #c3c0f9;
  --color-on-surface-high-disabled: #c3c0f9;
  --color-on-surface-highest-disabled: #c3c0f9;
  --color-on-surface-lowest-disabled: #c3c0f9;
  --color-on-surface-low-disabled: #c3c0f9;
  --color-on-surface-inverse-disabled: #c3c0f9;
  --color-on-surface-inverse-high-disabled: #c3c0f9;
  --color-on-surface-inverse-highest-disabled: #c3c0f9;
  --color-on-surface-inverse-lowest-disabled: #c3c0f9;
  --color-on-surface-inverse-low-disabled: #c3c0f9;
  --button-width: 2.5rem;
  --button-height: 2.5rem;
  --default-button-size: 2.5rem;
  --default-icon-size: 1.5rem;
  --lg-icon-size: 2rem;
  --avatar-size: 1.5rem;
  --border-radius-lg: 0.5rem;
  --island-bg-color: #ffffff;
  --text-primary-color: #333333;
  --button-bg: #ffffff;
  --button-color: #333333;
  --button-border: #cccccc;
  --button-hover-bg: #f7f7f7;
  --button-hover-color: #333333;
  --button-hover-border: #cccccc;
  --button-active-bg: #f2f2f2;
  --button-active-color: #333333;
  --button-active-border: #cccccc;
  --button-selected-bg: #4c44b4;
  --button-selected-color: #ffffff;
  --button-selected-border: #4c44b4;
  --button-selected-hover-bg: #5653c0;
  --button-selected-hover-color: #ffffff;
  --button-selected-hover-border: #5653c0;
  --ui-font: Arial, sans-serif;
}

// Theme variables
$theme-filter: none !default;
$theme-filter-darker: none !default;