:root {
  --ebo-green: #64dd17;

  --panel-surface: #fcfcfc;
  --offset-color: 0, 0, 0;
  --surface-a: #ffffff;
  --surface-b: #fafafa;
  --surface-c: rgba(0, 0, 0, 0.04);
  --surface-d: rgba(0, 0, 0, 0.12);
  --surface-e: #ffffff;
  --surface-f: #ffffff;
  --text-color: rgba(0, 0, 0, 0.87);
  --text-color-form: rgba(0, 0, 0, 0.8);
  --text-color-secondary: rgba(0, 0, 0, 0.6);
  --text-color-secondary-link: var(--blue-700);
  --primary-color: #3f51b5;
  --primary-color-hover: 63, 81, 181;
  --primary-color-text: #ffffff;
  --menu-color-text: #212121;
  --button-text: var(--surface-800);
  --text-badge: #212121;
  --secondary-color: #64dd17;
  --accent-color: var(--secondary-color);
  --success-color: green;
  --info-color: var(--blue-100);
  --highlight-color: yellow;
  --help-color: #793cdb;
  --danger-color: #890000;
  --danger-color-hover: 137, 0, 0;
  --error-color: #f44435;
  --alert-color: var(--error-color);
  --warning-color: orange;
  --font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  --surface-0: #ffffff;
  --surface-50: #fafafa;
  --surface-100: #f5f5f5;
  --surface-200: #eeeeee;
  --surface-300: #e0e0e0;
  --surface-400: #bdbdbd;
  --surface-500: #9e9e9e;
  --surface-600: #757575;
  --surface-700: #616161;
  --surface-800: #424242;
  --surface-900: #212121;
  --gray-50: #fafafa;
  --gray-100: #f5f5f5;
  --gray-200: #eeeeee;
  --gray-300: #e0e0e0;
  --gray-400: #bdbdbd;
  --gray-500: #9e9e9e;
  --gray-600: #757575;
  --gray-700: #616161;
  --gray-800: #424242;
  --gray-900: #212121;
  --content-padding: 1rem;
  --inline-spacing: 0.5rem;
  --border-radius: 4px;
  --surface-ground: #fafafa;
  --surface-section: #ffffff;
  --surface-card: #ffffff;
  --surface-overlay: #ffffff;
  --surface-border: rgba(0, 0, 0, 0.12);
  --surface-hover: rgba(0, 0, 0, 0.04);
  --maskbg: rgba(0, 0, 0, 0.32);
  --focus-ring: none;
  color-scheme: light;
  --menu-title-height: 128px;
}