@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%;
}