@import 'tailwindcss';
@custom-variant dark (&:where(.dark, .dark *));
@import '@warkypublic/svelix/css/tailwind-source.css';
@import './amcs.theme.css';
@import '@skeletonlabs/skeleton';
@import '@skeletonlabs/skeleton-svelte';
@import '@skeletonlabs/skeleton/themes/cerberus';

@source '../node_modules/@skeletonlabs/skeleton-svelte/dist/**/*.{js,svelte,ts}';

:root {
  color-scheme: dark;
  font-family: Inter, system-ui, sans-serif;
}

html,
body,
#app {
  min-height: 100%;
}

body {
  margin: 0;
}

@layer base {
  .input::placeholder,
  .textarea::placeholder,
  input::placeholder,
  textarea::placeholder {
    opacity: 0.65;
  }
}
