@import "tailwindcss";

@import '@skeletonlabs/skeleton';
@import '@skeletonlabs/skeleton-svelte';
@import '@skeletonlabs/skeleton/themes/cerberus';

.table th {
  @apply text-xs opacity-50 font-light px-2 text-left;
}

.table td {
  @apply py-1.5 px-2;
}

a {
  @apply underline hover:no-underline;
}

.table a {
  @apply no-underline hover:underline;
}

[data-theme='cerberus'] {
  --text-scaling: 1.3;
}

.linear-text-gradient {
    background: linear-gradient(325deg, var(--color-surface-50), var(--color-primary-500));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}