/*
 * GIDC Knowledge Platform — Brand Theme Override
 * Injected via nginx sub_filter.
 */

/* ========== GIDC Brand Palette ========== */
:root {
  --gidc-teal-100: #0a2e2e;
  --gidc-teal-90:  #0d3d3d;
  --gidc-teal-80:  #115454;
  --gidc-teal-70:  #167070;
  --gidc-teal-60:  #1a8a8a;
  --gidc-teal-50:  #1e9e9e;
  --gidc-teal-45:  #22b0b0;
  --gidc-teal-40:  #2bbfbf;
  --gidc-teal-30:  #4dd4d4;
  --gidc-teal-20:  #80e5e5;
  --gidc-teal-10:  #b3f0f0;
  --gidc-teal-05:  #e0f9f9;
}

/* ========== Light Mode ========== */
:root {
  --theme-primary-06: var(--gidc-teal-70);
  --theme-primary-05: var(--gidc-teal-60);
  --theme-primary-04: var(--gidc-teal-50);
  --theme-gradient-05: #7d7d84;
  --theme-gradient-00: var(--gidc-teal-100);
}

/* ========== Dark Mode ========== */
.dark {
  --theme-primary-06: var(--gidc-teal-30);
  --theme-primary-05: var(--gidc-teal-40);
  --theme-primary-04: var(--gidc-teal-50);
  --theme-gradient-05: var(--gidc-teal-100);
  --theme-gradient-00: var(--gidc-teal-30);
}

/* ========== GIDC Logo Override ========== */

/* Hide the Onyx diamond SVG on the login page and replace with GIDC logo.
   The diamond is a 44x44 SVG with viewBox="0 0 56 56" inside the login card. */
svg[viewBox="0 0 56 56"].text-theme-primary-05,
svg[viewBox="0 0 56 56"][class*="text-theme-primary"] {
  display: none !important;
}

/* Insert GIDC logo before the login card content area */
/* Target the login card wrapper that contains the SVG */
.bg-background-tint-00.rounded-16.shadow-lg {
  position: relative;
}

.bg-background-tint-00.rounded-16.shadow-lg::before {
  content: "";
  display: block;
  width: 56px;
  height: 56px;
  background-image: url("/gidc-logo.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 0;
}

/* Also hide the small Onyx diamond icon used in sidebar header
   (the "IconMark" component - appears in chat interface) */
svg[viewBox="0 0 56 56"] {
  visibility: hidden;
  width: 0 !important;
  height: 0 !important;
  position: absolute;
}

/* Show GIDC logo in the sidebar where Onyx icon was */
/* The sidebar brand area uses a link to /app */
a[href="/app/chat"] > div,
a[href="/app"] > div {
  position: relative;
}