42 lines
872 B
CSS
42 lines
872 B
CSS
@import "tailwindcss";
|
|
|
|
@theme {
|
|
--font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
|
|
|
|
--color-brand-50: #eef5f0;
|
|
--color-brand-100: #dcebe1;
|
|
--color-brand-600: #397b58;
|
|
--color-brand-700: #306e4e;
|
|
--color-brand-800: #285a41;
|
|
|
|
--color-ink: #202823;
|
|
--color-muted: #5f6d63;
|
|
--color-line: #dde5de;
|
|
--color-wash: #f2f5f2;
|
|
--color-danger: #9c3838;
|
|
|
|
--radius-card: 16px;
|
|
--radius-field: 10px;
|
|
}
|
|
|
|
body {
|
|
background-color: var(--color-wash);
|
|
color: var(--color-ink);
|
|
font-family: var(--font-sans);
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
|
|
:where(a, button, input, select, textarea):focus-visible {
|
|
outline: 3px solid rgb(57 123 88 / 0.35);
|
|
outline-offset: 2px;
|
|
}
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
*,
|
|
*::before,
|
|
*::after {
|
|
transition: none !important;
|
|
animation: none !important;
|
|
}
|
|
}
|