18 lines
901 B
CSS
18 lines
901 B
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
:root { color-scheme: dark; }
|
|
body {
|
|
@apply bg-slate-950 text-slate-100;
|
|
background-image:
|
|
radial-gradient(circle at top, rgba(244,63,94,.18), transparent 35%),
|
|
linear-gradient(180deg, rgba(15,23,42,1) 0%, rgba(2,6,23,1) 100%);
|
|
}
|
|
* { box-sizing: border-box; }
|
|
.glass { @apply bg-white/5 backdrop-blur-xl border border-white/10; }
|
|
.input { @apply w-full rounded-xl border border-white/10 bg-slate-900/80 px-4 py-3 text-slate-100 placeholder:text-slate-500 outline-none transition focus:border-accent-500 focus:ring-2 focus:ring-accent-500/20; }
|
|
.btn { @apply inline-flex items-center justify-center rounded-xl px-4 py-3 font-medium transition; }
|
|
.btn-primary { @apply btn bg-accent-500 text-white hover:bg-accent-400 shadow-glow; }
|
|
.btn-secondary { @apply btn bg-white/5 text-slate-100 hover:bg-white/10 border border-white/10; }
|