/* Catalog family colors span shell navigation, command search, and home. */
@layer ripcity-app {
  .app-nav-group--catalog,
  .app-command-group--catalog,
  .catalog-group--catalog {
    --catalog-group-soft: var(--app-color-blue-soft);
    --catalog-group-color: var(--app-color-blue-on-soft);
  }

  .app-nav-group--tools,
  .app-command-group--tools,
  .catalog-group--tools {
    --catalog-group-soft: var(--app-color-purple-soft);
    --catalog-group-color: var(--app-color-purple-on-soft);
  }

  .app-nav-group--salary-cap,
  .app-command-group--salary-cap,
  .catalog-group--salary-cap {
    --catalog-group-soft: var(--app-color-green-soft);
    --catalog-group-color: var(--app-color-green-on-soft);
  }

  .app-nav-group--draft,
  .app-command-group--draft,
  .catalog-group--draft {
    --catalog-group-soft: var(--app-color-orange-soft);
    --catalog-group-color: var(--app-color-orange-on-soft);
  }

  .app-nav-group--reports,
  .app-command-group--reports,
  .catalog-group--reports {
    --catalog-group-soft: var(--app-color-red-soft);
    --catalog-group-color: var(--app-color-red-on-soft);
  }
}