/* GDG Toronto brand pass over the Decap CMS admin UI.
   Decap's components embed their names in generated class hashes
   (e.g. "css-xxxx-AppHeader"), so we hook off those substrings plus
   the few plain classes it adds itself (header-link-active, sidebar-active). */

:root {
  --gdg-blue: #4285F4;
  --gdg-red: #EA4335;
  --gdg-yellow: #FBBC05;
  --gdg-green: #34A853;
  --gdg-ink: #2b2c34;
  --gdg-cream: #fdf8f0;
  --gdg-cream-deep: #f7efe0;
}

html, body, #nc-root {
  font-family: "Google Sans Text", "Product Sans", ui-sans-serif, system-ui,
    -apple-system, "Segoe UI", Roboto, sans-serif !important;
  background-color: var(--gdg-cream) !important;
}

/* Top bar */
header[class*="AppHeader-"] {
  background-color: var(--gdg-cream) !important;
  border-bottom: 1px solid rgba(43, 44, 52, 0.08);
}

a[class*="AppHeaderNavLink"],
button[class*="AppHeaderButton"] {
  color: var(--gdg-ink) !important;
}

a[class*="AppHeaderNavLink"].header-link-active {
  background-color: var(--gdg-ink) !important;
  color: var(--gdg-cream) !important;
  border-radius: 999px;
}

/* "New" / quick-add buttons: match the site's blue CTA */
span[class*="AppHeaderQuickNewButton"],
button[class*="Button-"][class*="primary"] {
  background-color: var(--gdg-blue) !important;
  border-color: var(--gdg-blue) !important;
}

/* Sidebar collection list */
a[class*="SidebarNavLink"] {
  color: var(--gdg-ink) !important;
  border-radius: 8px;
}

a[class*="SidebarNavLink"].sidebar-active {
  background-color: rgba(66, 133, 244, 0.12) !important;
  color: var(--gdg-blue) !important;
  font-weight: 600;
}

/* Main content surface */
div[class*="AppMainContainer"] {
  background-color: var(--gdg-cream) !important;
}

div[class*="CollectionContainer"] {
  background-color: transparent !important;
}

/* Cards / list rows */
div[class*="CardTop"],
div[class*="CollectionTopRow"] {
  background-color: #ffffff !important;
  border-radius: 12px;
}