/* EquineVision — Sparrofox Global Style Override */
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap');

/* Override CSS custom properties at root level */
:root, [data-theme], body {
  --color-bg-dark: #F5F0E8 !important;
  --color-bg-card: #fff !important;
  --color-primary: #C86B1F !important;
  --color-primary-light: #D4872E !important;
  --color-accent: #C86B1F !important;
  --color-text: #3D2B1F !important;
  --color-text-muted: #6B6560 !important;
  --color-teal-300: #D4872E !important;
  --color-teal-400: #C86B1F !important;
  --color-teal-500: #C86B1F !important;
  --color-teal-600: #B35E1A !important;
  --color-teal-700: #9C5016 !important;
  --color-teal-900: #6B3610 !important;
  --color-slate-700: #E0D8CC !important;
  --color-slate-800: #EDE5D8 !important;
  --color-slate-900: #F5F0E8 !important;
  --color-white: #3D2B1F !important;
}

/* Body background */
body {
  background: #F5F0E8 !important;
  color: #3D2B1F !important;
}

/* Force the root app container */
.min-h-screen {
  background: #F5F0E8 !important;
}
.bg-\[var\(--color-bg-dark\)\] {
  background: #F5F0E8 !important;
}
.bg-\[var\(--color-bg-card\)\] {
  background: #fff !important;
  border: 1px solid #E0D8CC !important;
}

/* Hard-coded dark backgrounds */
.bg-\[\#0a0f1a\], .bg-\[\#0a1628\], .bg-\[\#0f1729\], .bg-\[\#111827\], .bg-\[\#0f172a\] {
  background: #F5F0E8 !important;
}
.bg-\[\#0a1628\]\/30 {
  background: rgba(245,240,232,0.3) !important;
}
.bg-slate-900, .bg-slate-800, .bg-slate-700 {
  background: #F5F0E8 !important;
}
.bg-slate-800\/30, .bg-slate-800\/50, .bg-slate-800\/70 {
  background: rgba(255,255,255,0.5) !important;
}
.bg-slate-900\/50, .bg-slate-900\/60 {
  background: rgba(245,240,232,0.6) !important;
}

/* Text that was white → dark brown */
.text-white { color: #3D2B1F !important; }
.text-white\/60, .text-white\/70, .text-white\/80 { color: #6B6560 !important; }
.text-slate-300 { color: #3D2B1F !important; }
.text-slate-400, .text-slate-500 { color: #6B6560 !important; }
.text-slate-600, .text-slate-700 { color: #9C9488 !important; }

/* Teal accents → fox orange */
.text-teal-300, .text-teal-300\/70 { color: #D4872E !important; }
.text-teal-400, .text-teal-500 { color: #C86B1F !important; }
.bg-teal-500, .bg-teal-600 { background: #C86B1F !important; }
.bg-teal-600\/10, .bg-teal-600\/20, .bg-teal-600\/30 { background: rgba(200,107,31,0.1) !important; }
.bg-teal-500\/20, .bg-teal-900\/20, .bg-teal-900\/30 { background: rgba(200,107,31,0.1) !important; }
.border-teal-400, .border-teal-500, .border-teal-600, .border-teal-700 { border-color: #C86B1F !important; }
.border-teal-500\/5, .border-teal-500\/10, .border-teal-500\/30 { border-color: rgba(200,107,31,0.2) !important; }
.border-teal-600\/30, .border-teal-600\/50, .border-teal-700\/50, .border-teal-900\/30 { border-color: rgba(200,107,31,0.3) !important; }
.ring-teal-400\/50 { --tw-ring-color: rgba(200,107,31,0.5) !important; }

/* Borders */
.border-slate-700, .border-slate-800, .border-slate-600, .border-slate-500 { border-color: #E0D8CC !important; }
.border-slate-700\/30, .border-slate-700\/50 { border-color: rgba(224,216,204,0.5) !important; }
.border-slate-800\/50 { border-color: rgba(224,216,204,0.5) !important; }
.border-white\/20 { border-color: rgba(61,43,31,0.1) !important; }

/* Hero gradients */
.from-black\/80, .from-black\/70, .from-black\/60 {
  --tw-gradient-from: rgba(245,240,232,0.85) !important;
}
.from-\[\#0a1628\]\/90, .from-\[\#0a1628\]\/80 {
  --tw-gradient-from: rgba(245,240,232,0.9) !important;
}
.from-\[\#111827\]\/40 {
  --tw-gradient-from: rgba(245,240,232,0.4) !important;
}
.from-slate-900 {
  --tw-gradient-from: #F5F0E8 !important;
}

/* Buttons */
.bg-teal-600\/90 { background: rgba(200,107,31,0.9) !important; color: #fff !important; }
.hover\:bg-teal-500:hover, .hover\:bg-teal-400:hover, .hover\:bg-teal-700:hover { background: #B35E1A !important; }
.hover\:bg-slate-800:hover, .hover\:bg-slate-700:hover { background: #EDE5D8 !important; }
.hover\:bg-slate-700\/50:hover, .hover\:bg-slate-800\/30:hover, .hover\:bg-slate-800\/50:hover { background: rgba(237,229,216,0.5) !important; }

/* Placeholder */
.placeholder-slate-500::placeholder { color: #9C9488 !important; }

/* Input focus */
.focus\:ring-1:focus { --tw-ring-color: rgba(200,107,31,0.5) !important; }
.focus\:border-transparent:focus { border-color: rgba(200,107,31,0.5) !important; }

/* Headings */
h1, h2, h3, h4 { font-family: 'DM Serif Display', serif !important; color: #3D2B1F !important; }

/* Scrollbar */
::-webkit-scrollbar-track { background: #EDE5D8 !important; }
::-webkit-scrollbar-thumb { background: #D4C8B8 !important; border-radius: 99px !important; }

/* Black overlays/backgrounds - keep but lighten */
.bg-black { background: #3D2B1F !important; }
.bg-black\/40, .bg-black\/50, .bg-black\/60, .bg-black\/70, .bg-black\/80 {
  background: rgba(245,240,232,0.7) !important;
}

/* Gradient text override - from teal to fox orange */
.bg-gradient-to-r.from-teal-400 { --tw-gradient-from: #C86B1F !important; }

/* shadows */
.shadow-teal-500\/10, .shadow-teal-500\/20, .shadow-teal-600\/20 {
  --tw-shadow-color: rgba(200,107,31,0.15) !important;
}

/* Sparrofox unified nav bar */
.sf-nav{display:flex;align-items:center;justify-content:space-between;padding:0 48px;height:68px;border-bottom:1px solid #E0D8CC;background:rgba(245,240,232,0.95);backdrop-filter:blur(16px);position:sticky;top:0;z-index:9999;font-family:'Inter',sans-serif;}
.sf-nav .sf-logo{display:flex;align-items:center;gap:8px;text-decoration:none;}
.sf-nav .sf-logo img{height:32px;}
.sf-nav .sf-logo span{font-family:'DM Serif Display',serif;font-size:1.15rem;color:#3D2B1F !important;}
.sf-nav-links{display:flex;gap:24px;list-style:none;margin:0;padding:0;}
.sf-nav-links a{font-size:13px;font-weight:500;color:#6B6560 !important;text-decoration:none;transition:color 0.2s;letter-spacing:0.02em;}
.sf-nav-links a:hover{color:#3D2B1F !important;}
.sf-nav-links a.active{color:#C86B1F !important;font-weight:600;}
.sf-nav .sf-cta{background:#C86B1F !important;color:#fff !important;padding:10px 20px;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none;transition:all 0.2s;}
.sf-nav .sf-cta:hover{background:#B35E1A !important;}
.sf-nav .sf-mobile-btn{display:none;background:none;border:none;font-size:24px;cursor:pointer;color:#3D2B1F;}
@media(max-width:768px){
  .sf-nav{padding:0 20px;height:56px;}
  .sf-nav-links{display:none;position:absolute;top:56px;left:0;right:0;flex-direction:column;background:#F5F0E8;padding:16px 20px;border-bottom:1px solid #E0D8CC;gap:12px;z-index:9999;}
  .sf-nav-links.open{display:flex;}
  .sf-nav .sf-cta{display:none;}
  .sf-nav .sf-mobile-btn{display:block;}
}