89 lines
1.8 KiB
CSS
89 lines
1.8 KiB
CSS
@import "tailwindcss";
|
|
|
|
:root {
|
|
--background: #ffffff;
|
|
--foreground: #171717;
|
|
|
|
/* Brand Colors */
|
|
--color-brand-accent: #8D6B1D;
|
|
--color-brand-header: #0F172A;
|
|
--color-brand-text: #4A4A4A;
|
|
--color-brand-background: #FFFFFF;
|
|
|
|
/* Text Colors - Better contrast */
|
|
--color-text-primary: #0F172A; /* Dark slate for main text */
|
|
--color-text-secondary: #334155; /* Slate 700 for secondary text */
|
|
--color-text-muted: #64748B; /* Slate 500 for muted text */
|
|
--color-text-subtle: #94A3B8; /* Slate 400 for subtle text */
|
|
}
|
|
|
|
/* Theme variables moved to :root for compatibility */
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
--background: #0a0a0a;
|
|
--foreground: #ededed;
|
|
}
|
|
}
|
|
|
|
html {
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
html, body {
|
|
margin: 0;
|
|
padding: 0;
|
|
height: 100%;
|
|
background: var(--background);
|
|
color: var(--foreground);
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
/* Better text color utilities */
|
|
.text-primary {
|
|
color: var(--color-text-primary) !important;
|
|
}
|
|
|
|
.text-secondary {
|
|
color: var(--color-text-secondary) !important;
|
|
}
|
|
|
|
.text-muted {
|
|
color: var(--color-text-muted) !important;
|
|
}
|
|
|
|
.text-subtle {
|
|
color: var(--color-text-subtle) !important;
|
|
}
|
|
|
|
/* Override problematic gray colors */
|
|
.text-gray-500 {
|
|
color: var(--color-text-muted) !important;
|
|
}
|
|
|
|
.text-gray-400 {
|
|
color: var(--color-text-subtle) !important;
|
|
}
|
|
|
|
.text-gray-300 {
|
|
color: var(--color-text-subtle) !important;
|
|
}
|
|
|
|
/* Fix placeholder colors for better contrast */
|
|
.placeholder-gray-400::placeholder {
|
|
color: var(--color-text-muted) !important;
|
|
}
|
|
|
|
.placeholder-gray-300::placeholder {
|
|
color: var(--color-text-muted) !important;
|
|
}
|
|
|
|
input::placeholder, textarea::placeholder {
|
|
color: var(--color-text-muted) !important;
|
|
}
|
|
|
|
#__next {
|
|
height: 100%;
|
|
}
|