/* GLPI 11 Custom Palette: Echo-9 Corporate Brand
   Filename: files/_themes/Echo-9.scss
*/
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
:root[data-glpi-theme=Echo-9] {
  /* --- Core Brand Colors --- */
  --tblr-primary: #1d7363;
  --tblr-primary-rgb: 29, 115, 99;
  --tblr-link-color: #1d7363;
  /* --- Palette Preview Swatches (ADD THESE FOUR LINES) --- */
  --glpi-palette-color-1: #1d7363; /* Top Left: Brand Teal */
  --glpi-palette-color-2: #38e990; /* Top Right: Mint Accent */
  --glpi-palette-color-3: #ffffff; /* Bottom Left: White */
  --glpi-palette-color-4: #f9fafb; /* Bottom Right: Off-white */
  /* --- The Sidebar (Main Menu) --- */
  --glpi-mainmenu-bg: #1d7363;
  --glpi-mainmenu-fg: #ffffff;
  --glpi-mainmenu-active-bg: #38e990;
  --glpi-mainmenu-active-fg: #1d7363;
  /* --- Backgrounds --- */
  --tblr-body-bg: #f9fafb;
  --tblr-card-bg: #ffffff;
  /* --- Typography --- */
  --tblr-font-sans-serif: "Inter", sans-serif;
}

/* --- Specific Element Overrides --- */
:root[data-glpi-theme=Echo-9] {
  /* TARGETING THE UTILITY CLASSES FROM YOUR DEVTOOLS */
  /* This forces the 'primary-bg' utility to use your Teal instead of the default blue */
  /* This ensures the foreground (text) is white on those teal backgrounds */
  /* Dashboards specific badge circles */
  /* Search/Input Focus */
  /* Main Action Buttons */
}
:root[data-glpi-theme=Echo-9] .primary-bg,
:root[data-glpi-theme=Echo-9] .bg-azure,
:root[data-glpi-theme=Echo-9] .bg-blue,
:root[data-glpi-theme=Echo-9] .bg-primary,
:root[data-glpi-theme=Echo-9] .badge {
  background-color: #1d7363 !important;
  background: #1d7363 !important;
  color: #ffffff !important;
}
:root[data-glpi-theme=Echo-9] .primary-fg {
  color: #ffffff !important;
}
:root[data-glpi-theme=Echo-9] .count-badge, :root[data-glpi-theme=Echo-9] .badge-pill {
  background-color: #1d7363 !important;
}
:root[data-glpi-theme=Echo-9] .form-control:focus, :root[data-glpi-theme=Echo-9] .form-select:focus {
  border-color: #38e990 !important;
  box-shadow: 0 0 0 0.25rem rgba(56, 233, 144, 0.25) !important;
}
:root[data-glpi-theme=Echo-9] .btn-primary {
  background-color: #1d7363 !important;
  border-color: #1d7363 !important;
  color: #ffffff !important;
}