@import 'tailwindcss' source('../');

@layer base {
  *,
  ::after,
  ::before,
  ::backdrop,
  ::file-selector-button {
    border-color: var(--color-gray-200, currentcolor);
  }
}

@layer base {
  html {
    color-scheme: dark;
  }

  * {
    @apply border-gray-800;
  }

  html,
  body {
    @apply bg-gray-950 text-gray-200;
  }

  .using-mouse * {
    outline: none !important;
  }
}

:root {
  --sh-class: #7eb5ff;
  --sh-identifier: #d4d4d4;
  --sh-sign: #8b949e;
  --sh-string: #88bbb6;
  --sh-keyword: #ffada8;
  --sh-comment: #8b8b8b;
  --sh-jsxliterals: #d2a8ff;
  --sh-entity: #56d4dd;
  --sh-property: #79c0ff;
}