/* inherited from https://github.com/tidbcloud/dbaas-ui/blob/54cf5950fe4d30de90c5b2400b9864752c2459ce/src/dbaas/contexts/uikit/UIKitThemeProvider.tsx#L66-L95 and https://github.com/tidbcloud/tidbcloud-uikit/blob/032f9fc4eda12c9c19a43bb370d6ea4f571cff16/packages/uikit/src/theme/theme.ts#L316-L321*/
html {
  box-sizing: border-box;
  font-variant-ligatures: no-common-ligatures;
}

body {
  --mantine-color-body: var(--mantine-color-carbon-1);
  --mantine-color-text: var(--mantine-color-carbon-8);

  font-size: 14px;
  line-height: 1.55;
  color: var(--mantine-color-text);
  background-color: var(--mantine-color-body);
}

a:not([class^='mantine']),
.link {
  color: var(--mantine-color-peacock-7);
  text-decoration: none;
  cursor: pointer;
  outline: none;
}

a:not([class^='mantine']):hover,
.link:hover {
  color: var(--mantine-color-peacock-8);
  text-decoration: underline;
}

*,
*:after,
*:before {
  box-sizing: inherit;
}

input[type='email'],
input[type='password'],
input[type='search'],
input[type='text'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/*
 * inherit some normalize css from https://github.com/mantinedev/mantine/blob/d97e1a73cbe8628f7d5b5ee7c2a0a5cf2b85ce22/src/mantine-styles/src/theme/NormalizeCSS.tsx#L111
 * button overflow is hidden by default, which will shrink in a flex container
 */
button {
  overflow: visible;
}

/**
 * CSS Variables for App Page Shell
 * TODO: temporary css variables, 
 * should be moved to @tidbcloud/uikit later
 */
.tiui-page-shell-root {
  --app-page-shell-header-height: 64px;
}