:root {
  --color-text: #333;
  --color-background: #fff;
  --color-shadow: #edeef1;

  --color-weak: #999;
  --color-light: #ccc;
  --color-border: #eee;

  --color-primary: #646cff;
  --color-success: #34b368;
  --color-warning: #ff8f1f;
  --color-error: #ff3141;
  --color-danger: var(--color-error);

  --color-status-success: var(--color-success);
  --color-status-waiting: var(--color-primary);
  --color-status-info: var(--color-primary);
  --color-status-warning: #000;
  --color-status-error: #000;

  --color-button-text: #fff;
  --color-button-disabled-background: #bdc0ff;
  --color-button-disabled-text: #eee;

  --color-progress-text: var(--color-button-text);

  --color-scrollbar: rgba(0, 0, 0, 0.1);
  --color-scrollbar-hover: rgba(0, 0, 0, 0.4);

  --font-size-1: 9px;
  --font-size-2: 10px;
  --font-size-3: 11px;
  --font-size-4: 12px;
  --font-size-5: 13px;
  --font-size-6: 14px;
  --font-size-7: 15px;
  --font-size-8: 16px;
  --font-size-9: 17px;
  --font-size-10: 18px;

  --font-size-main: var(--adm-font-size-5);

  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

  --motion-duration-slow: 0.3s;
  --motion-ease-in-out-circ: cubic-bezier(0.78, 0.14, 0.15, 0.86);

  --border-radius: 5px;

  --z-index-level-0: 0;
  --z-index-level-1: 4;
  --z-index-level-2: 8;
  --z-index-level-3: 12;
  --z-index-level-4: 16;
  --z-index-level-5: 20;
  --z-index-level-6: 24;
  --z-index-level-7: 28;
  --z-index-level-8: 32;
  --z-index-level-9: 36;
  --z-index-level-top: var(--z-index-level-9);
  --z-index-level-bottom: var(--z-index-level-0);

  font-family: var(--font-family);

  color-scheme: light dark;

  color: var(--color-text);
  background-color: var(--color-background);
}

* {
  padding: 0;
  margin: 0;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: var(--color-scrollbar);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--color-scrollbar-hover);
}

::-webkit-scrollbar-track {
  background-color: #fff0;
}

.dark {
  --color-text: var(--color-light);
  --color-background: #2f2f2f;
  --color-shadow: #000;
  --color-button-text: var(--color-light);
  --color-button-disabled-background: #2c307e;
  --color-button-disabled-text: #3e3e3e;
  --color-progress-text: var(--color-button-text);

  --color-scrollbar: rgba(255, 255, 255, 0.1);
  --color-scrollbar-hover: rgba(255, 255, 255, 0.2);
}
