23 lines
1.8 KiB
CSS
23 lines
1.8 KiB
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
:root{--background:0 0% 100%;--foreground:222 47% 11%;--primary:221 83% 53%;--primary-foreground:0 0% 100%;--accent:173 86% 41%;--accent-foreground:0 0% 100%;--muted:220 14% 96%;--muted-foreground:215 16% 40%;--card:0 0% 100%;--card-foreground:222 47% 11%}
|
|
@media (prefers-color-scheme: dark){:root{--background:222 47% 11%;--foreground:210 40% 98%;--primary:221 83% 60%;--primary-foreground:210 40% 98%;--accent:173 86% 48%;--accent-foreground:210 40% 98%;--muted:222 41% 15%;--muted-foreground:215 20% 75%;--card:222 47% 13%;--card-foreground:210 40% 98%}}
|
|
html,body{height:100%} body{@apply bg-background text-foreground antialiased} .container{@apply mx-auto max-w-6xl px-4}
|
|
a{@apply underline-offset-2} .btn-primary{@apply inline-flex items-center justify-center rounded-xl bg-primary px-5 py-3 font-medium text-primary-foreground shadow-soft transition hover:opacity-90 disabled:opacity-60 disabled:cursor-not-allowed}
|
|
.card{@apply rounded-2xl border bg-card p-6 shadow-soft} .text-muted-foreground{color:hsl(var(--muted-foreground))}
|
|
:where(a,button,input,textarea,select){@apply focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 focus-visible:ring-offset-background}
|
|
@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
|
|
.skip-link{position:absolute;left:-9999px;top:0;z-index:9999;padding:.5rem .75rem;background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-radius:.75rem}
|
|
.skip-link:focus-visible{left:.5rem;top:.5rem;outline:0}
|
|
|
|
@keyframes fadeInUp {
|
|
0% {
|
|
opacity: 0;
|
|
transform: translateY(10px);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
} |