39 lines
663 B
CSS
39 lines
663 B
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
@layer base {
|
|
:root {
|
|
--color-teneriffa: #60a5fa;
|
|
/* Keep brand colors for now, or shift if requested */
|
|
--color-natur: #facc15;
|
|
}
|
|
|
|
/* Default to Light Mode */
|
|
html,
|
|
body {
|
|
background-color: #fafaf9;
|
|
/* stone-50 */
|
|
color: #1c1917;
|
|
/* stone-900 */
|
|
}
|
|
|
|
/* Dark Mode Overrides */
|
|
.dark html,
|
|
.dark body {
|
|
background-color: #020617;
|
|
/* slate-950 / black */
|
|
color: #f1f5f9;
|
|
/* slate-100 */
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#root {
|
|
min-height: 100vh;
|
|
@apply bg-stone-50 dark:bg-black transition-colors duration-500;
|
|
}
|
|
} |