@import "tailwindcss";
@import "../styles/matrix-theme.css";
:root {
--background: #ffffff;
--foreground: #171717;
}
@theme inline {
--color-background: var(--background);
--color-foreground: var(--foreground);
--font-sans: var(--font-geist-sans);
--font-mono: var(--font-geist-mono);
}
@media (prefers-color-scheme: dark) {
:root {
--background: #0a0a0a;
--foreground: #ededed;
}
}
@layer base {
button, a, [role="button"] {
cursor: pointer;
}
html {
scroll-padding-top: 5rem;
}
@media (prefers-reduced-motion: no-preference) {
html {
scroll-behavior: smooth;
}
}
body {
background: var(--background);
color: var(--foreground);
font-family: Arial, Helvetica, sans-serif;
}
::selection {
background-color: #555fbb;
color: #ffffff;
}
::-moz-selection {
background-color: #555fbb;
color: #ffffff;
}
}