105 lines
2.2 KiB
CSS
105 lines
2.2 KiB
CSS
@import "tailwindcss";
|
|
|
|
:root {
|
|
--background: #fefce8;
|
|
--foreground: #78350f;
|
|
--color-amber-50: #fefce8;
|
|
--color-amber-100: #fef3c7;
|
|
--color-amber-200: #fde68a;
|
|
--color-amber-300: #fcd34d;
|
|
--color-amber-400: #fbbf24;
|
|
--color-amber-500: #f59e0b;
|
|
--color-amber-600: #d97706;
|
|
--color-amber-700: #b45309;
|
|
--color-amber-800: #92400e;
|
|
--color-amber-900: #78350f;
|
|
--color-emerald-50: #ecfdf5;
|
|
--color-emerald-100: #d1fae5;
|
|
--color-emerald-200: #a7f3d0;
|
|
--color-emerald-300: #6ee7b7;
|
|
--color-emerald-400: #34d399;
|
|
--color-emerald-500: #10b981;
|
|
--color-emerald-600: #059669;
|
|
--color-emerald-700: #047857;
|
|
--color-emerald-800: #065f46;
|
|
--color-emerald-900: #064e3b;
|
|
--color-rose-50: #fff1f2;
|
|
--color-rose-100: #ffe4e6;
|
|
--color-rose-200: #fecdd3;
|
|
--color-rose-300: #fda4af;
|
|
--color-rose-400: #fb7185;
|
|
--color-rose-500: #f43f5e;
|
|
--color-rose-600: #e11d48;
|
|
--color-rose-700: #be123c;
|
|
--color-rose-800: #9f1239;
|
|
--color-rose-900: #881337;
|
|
}
|
|
|
|
@theme inline {
|
|
--color-background: var(--background);
|
|
--color-foreground: var(--foreground);
|
|
--font-sans: var(--font-geist-sans);
|
|
--font-mono: var(--font-geist-mono);
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
html {
|
|
-webkit-text-size-adjust: 100%;
|
|
-webkit-tap-highlight-color: transparent;
|
|
}
|
|
|
|
body {
|
|
background: var(--background);
|
|
color: var(--foreground);
|
|
font-family: var(--font-sans), system-ui, -apple-system, sans-serif;
|
|
line-height: 1.6;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
*,
|
|
*::before,
|
|
*::after {
|
|
animation-duration: 0.01ms !important;
|
|
animation-iteration-count: 1 !important;
|
|
transition-duration: 0.01ms !important;
|
|
scroll-behavior: auto !important;
|
|
}
|
|
}
|
|
|
|
:focus-visible {
|
|
outline: 2px solid #f59e0b;
|
|
outline-offset: 2px;
|
|
}
|
|
|
|
::selection {
|
|
background-color: #f59e0b;
|
|
color: white;
|
|
}
|
|
|
|
input[type="checkbox"],
|
|
input[type="radio"] {
|
|
accent-color: #f59e0b;
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
width: 8px;
|
|
height: 8px;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
background: #fef3c7;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background: #f59e0b;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: #d97706;
|
|
} |