@import "tailwindcss";

@custom-variant dark (&:where(.dark, .dark *));

@layer base {
    :root {
        color-scheme: light;
    }

    .dark {
        color-scheme: dark;
    }

    button:not(:disabled),
    [type="button"]:not(:disabled),
    [type="submit"]:not(:disabled),
    [type="reset"]:not(:disabled) {
        @apply cursor-pointer;
    }
}

@layer utilities {
    .text-ink {
        @apply text-slate-900 dark:text-slate-100;
    }

    .page-surface {
        @apply bg-gradient-to-b from-slate-200 via-violet-50 to-white dark:from-slate-950 dark:via-[#160f29] dark:to-slate-950;
    }

    .text-2xs {
        font-size: 0.625rem;
        line-height: 1rem;
    }
}