@import "../shared/demo-base.css";

/* Esri Developer & Technology Summit Demo Template */
/* Demo template theming example */

body calcite-navigation-logo {
  --calcite-color-text-2: #737373;  
}
body.calcite-mode-dark calcite-navigation-logo {
  --calcite-icon-color: #8FD0FF;
  --calcite-color-text-2: #C7C7C7;
}

/* Custom styling using Calcite's semantic tokens */
/* Resource: https://developers.arcgis.com/calcite-design-system/foundations/tokens/usage */

/* Light mode */
body,
:focus {
  --calcite-color-brand: #000;
  --calcite-color-focus: var(--calcite-color-brand);
}
.animation-controls {
  display: grid;
  gap: 0.75rem;
  padding: 1rem;
}

.animation-actions {
  display: grid;
  gap: 0.5rem;
}
.info-panel {
  max-width: 500px;
}
/* Custom styling using Calcite's semantic tokens */
/* Resource: https://developers.arcgis.com/calcite-design-system/foundations/tokens/usage */

/* Light mode */
body,
:focus {
  --calcite-color-brand: #000;
  --calcite-color-focus: var(--calcite-color-brand);
}

/* Dark mode */
body.calcite-mode-dark,
.calcite-mode-dark :focus {
  --calcite-color-brand: #FEFE4D;
  --calcite-color-focus: var(--calcite-color-brand);
}