@use "tailwindcss";
@plugin "tailwindcss-primeui";
@import '@fontsource-variable/open-sans/wght.css';
@import '@fontsource-variable/jetbrains-mono/wght.css';
@import '@fortawesome/fontawesome-free/css/all.css';

body {
  font-family: 'Open Sans Variable', sans-serif;
  min-height: 100vh;
  margin: 0;
  font-size: 14px;
  overflow: auto;
}

p-card {
  background: transparent;
  border: 1px solid color-mix(in srgb, var(--primary-500) 50%, transparent);
  box-shadow: inset 0 0 10px 2px color-mix(in srgb, var(--primary-500) 20%, transparent);
  padding: var(--card-body-padding);

  .p-card-body {
    padding: 0;
  }
}

.text-gray {
    color: rgb(from var(--content-color) r g b / 0.7);
}