/* PINEAPPLE THEME — Kill all red, blue + gray-blue + whiskey brown */

/* Dark mode */
:root {
  --ring: #3b82f6 !important;
  --accent: #3b82f6 !important;
  --accent-hover: #60a5fa !important;
  --accent-muted: #3b82f6 !important;
  --accent-subtle: #3b82f61a !important;
  --accent-foreground: #fafafa !important;
  --accent-glow: #3b82f633 !important;
  --primary: #3b82f6 !important;
  --primary-foreground: #fff !important;
}

/* Light mode */
[data-theme-mode="light"], [data-theme="light"], [data-theme="dash-light"], [data-theme="openknot-light"] {
  --ring: #2563eb !important;
  --accent: #2563eb !important;
  --accent-hover: #3b82f6 !important;
  --accent-muted: #2563eb !important;
  --accent-subtle: #2563eb1a !important;
  --accent-glow: #2563eb33 !important;
  --primary: #2563eb !important;
}

/* KILL THE RED LOBSTER — hide SVG, replace with our logo */
[class*="sidebar-brand__logo"] svg,
[class*="sidebar-brand"] svg:first-of-type,
.sidebar-brand svg,
nav svg[viewBox="0 0 120 120"] {
  display: none !important;
}

[class*="sidebar-brand__logo"]::before,
[class*="sidebar-brand"] > a::before {
  content: "" !important;
  display: inline-block !important;
  width: 28px !important;
  height: 28px !important;
  background-image: url("/static/logo.png") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  margin-right: 8px !important;
  vertical-align: middle !important;
}

/* Replace "OpenClaw" text in sidebar */
[class*="sidebar-brand__name"] {
  font-size: 0 !important;
  visibility: hidden !important;
}
[class*="sidebar-brand__name"]::after {
  content: "Pineapple" !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  visibility: visible !important;
}

/* Override the connect screen title "OpenClaw" */
[class*="connect"] h1,
[class*="login"] h1,
[class*="gateway-connect"] h1 {
  font-size: 0 !important;
  visibility: hidden !important;
}
[class*="connect"] h1::after,
[class*="login"] h1::after,
[class*="gateway-connect"] h1::after {
  content: "Pineapple" !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  visibility: visible !important;
}

/* Kill ALL red/lobster colors anywhere in the UI */
svg [stop-color="#ff4d4d"], svg [stop-color="#991b1b"] {
  stop-color: #3b82f6 !important;
}
svg [fill="#ff4d4d"], svg [fill="#991b1b"], svg [fill="url(#lobster-gradient)"] {
  fill: #3b82f6 !important;
}
svg [stroke="#ff4d4d"], svg [stroke="#991b1b"] {
  stroke: #3b82f6 !important;
}

/* Override any inline red accent */
* {
  --accent: #3b82f6 !important;
}

/* Blue selection */
::selection { background: #3b82f640 !important; }