:root {
  --gwrc-navy: #174A5B;
  --gwrc-blue: #00BAB3;
  --gwrc-yellow: #FFCD00;
  --gwrc-red: #E73C3E;
  --gwrc-dark-blue: #3599B8;
  --gwrc-purple: #542E91;
  --gwrc-green: #A9C23F;
  --gwrc-dark-green: #005942;

  --gwrc-gold: var(--gwrc-yellow);

  --gwrc-text-primary: #111111;
  --gwrc-text-secondary: #58585A;
  --gwrc-surface: #FFFFFF;
  --gwrc-surface-soft: #F4F6F8;
  --gwrc-border: #DFE3E8;
}

body {
  color: var(--gwrc-text-primary);
  background: var(--gwrc-surface);
}

.mantine-Paper-root,
.mantine-Card-root {
  border-color: var(--gwrc-border) !important;
}

.mantine-Title-root {
  color: var(--gwrc-navy);
}

.mantine-Text-root[data-dimmed='true'] {
  color: var(--gwrc-text-secondary) !important;
}

/* ── Map: selected catchment layer — pass clicks through to base layer ─── */
.catchment-selected-layer {
  pointer-events: none !important;
}

/* ── Right panel content transitions ────────────────────────────────────── */
@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.panel-content-enter {
  animation: slideInUp 0.25s ease-out both;
}

/* ── Catalogue accordion polish ──────────────────────────────────────────── */
.mantine-Accordion-item {
  border-radius: 8px !important;
  margin-bottom: 4px;
  transition: box-shadow 0.15s ease;
  overflow: hidden;
}

.mantine-Accordion-item[data-active] {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.mantine-Accordion-control:hover {
  background: var(--gwrc-surface-soft) !important;
}

/* Dataset cards inside the accordion */
.mantine-Paper-root.mantine-Accordion-panel .mantine-Paper-root {
  transition: box-shadow 0.1s ease;
}

.mantine-Paper-root.mantine-Accordion-panel .mantine-Paper-root:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}